hover(over, out): Whenever mouse cursor is moved over a matched element, the first specified function is fired. : hover « jQuery « JavaScript DHTML






  1. JavaScript DHTML
  2. jQuery
  3. hover

hover(over, out): Whenever mouse cursor is moved over a matched element, the first specified function is fired.

 


<html>
  <head>
    <script type="text/javascript" src="js/jquery-1.3.2.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
                
            $("li").hover(
              function () {
                $(this).append($("<span>*</span>"));
              }, 
              function () {
                $(this).find("span:last").remove();
              }
            );


        });
    </script>

  </head>
  <body>
    <body>
         <ul>
            <li>A</li>
            <li>B</li>
            <li>C</li>
            <li>D</li>
         </ul>
       
                         
    </body>
</html>








Related examples in the same category

1.Hover action
2.Hover to add and remove class
3.Hover to hide tag
4.Hover to fade in and out
5.Tag hover function