Hover to fade in and out

    

<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).fadeOut(100);$(this).fadeIn(500);});




        });
    </script>


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

Related examples in the same category

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

Hover to fade in and out : hover « jQuery « JavaScript DHTML

Related examples in the same category