Thursday, February 14, 2013

Change Button Color on Mouseover using Jquery


HTML Code:

<input type="button" value="button" id="btn"/>
CSS:
<style type="text/css">

.changeBc

{

    background-color:#380606;

}


</style>
Jquery:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

<script type="text/javascript">

$(document).ready(function () {

  $("#btn").hover(function () {

    $(this).toggleClass("changeBc");

  });

});

</script>

No comments:
Write comments
Recommended Posts × +