Hover action : hover « jQuery « JavaScript Tutorial

<html>
  <head>
    <script type="text/javascript" src="js/jquery-1.3.2.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
              $("b").hover(function () {
                   $(this).css({'background-color' : 'yellow', 'font-weight' : 'bolder'});
              }, function () {
                   var cssObj = {
                     'background-color' : '#ddd',
                     'font-weight' : '',
                     'color' : 'red'
                   }
                   $(this).css(cssObj);
              });
        });
    </script>


  </head>
  <body>
    <body>
      
       <b>Hello</b>
    </body>
</html>

30.50.hover
	30.50.1.	Hover action
	30.50.2.	Hover to add and remove class
	30.50.3.	Hover to hide tag
	30.50.4.	Hover to fade in and out
	30.50.5.	Tag hover function
	30.50.6.	hover(over, out): Whenever mouse cursor is moved over a matched element, the first specified function is fired.