Hover to add and remove class : hover « jQuery « JavaScript DHTML






Hover to add and remove class

    


<html>
  <head>
    <script type="text/javascript" src="js/jquery-1.3.2.js"></script>
    <script type="text/javascript">
    
        $(document).ready(function(){
             $("div").hover(
                  function () {
                    $(this).addClass("my");
                  },
                  function () {
                    $(this).removeClass("my");
                  }
             );
        });
    </script>
    <style>
  .my { color:blue; }
  </style>


  </head>
  <body>
    <body>
       <div>header 1</div>
    </body>
</html>

   
    
    
    
  








Related examples in the same category

1.Hover action
2.Hover to hide tag
3.Hover to fade in and out
4.Tag hover function
5.hover(over, out): Whenever mouse cursor is moved over a matched element, the first specified function is fired.