Cascaded Mouse leave event : Event Mouse « jQuery « JavaScript DHTML






Cascaded Mouse leave event

     

<html>
  <head>
    <script type="text/javascript" src="js/jquery-1.3.2.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            $("div").mouseover(function(){
                $(this).append('<span style="color:#F00;">mouseover.</span>');
            }).mouseleave(function(){
                $(this).append('<span style="color:#00F;">mouseleave</span>');
            });


        });
    </script>
  </head>
  <body>
    <body>
     <div>adsf</div>


    </body>
</html>

   
    
    
    
    
  








Related examples in the same category

1.Mouse enter event
2.Mouse leave event
3.Mouse down event
4.Mouse enter
5.Mouse out event
6.Mouse over event
7.Mouse over action
8.Mouse up event
9.mouseover event triggering
10.mouseenter event triggering
11.mouseleave event triggering
12.mouseout(fn) event fires when mouse is moved away from an element.
13.mousemove(fn) event fires when mouse is moved
14.mousedown(fn) event fires when the pointing device button is pressed over an element.
15.Show texts when mouseup and mousedown event triggering.
16.Show the mouse coordinates when the mouse is moved over the yellow div. Coordinates are relative to the window which in this case is the iframe.
17.Bounced menu