Mouseover and Mouseout function jQuery

jquery mouseover mouseout
Mike picture Mike · Mar 2, 2011 · Viewed 32.8k times · Source

I have this script:

$("#teaser ul.buttons li").mouseover(function()
    {
        $("a",this).animate({ left: '0' },350);
    }).mouseout(function()
    {

        $("a",this).animate({ left: '-11px' },350);
    });

But when i now hover over the a element. The mouseover and mouseout going continu. How can i change this script. That when i hover of the a element. That the mouseout launch when i hover off the element.

Answer

Rafay picture Rafay · Mar 2, 2011

use mouseenter and mouseleave instead of mouseover and mouseout

Related questions

Change background color on mouseover and remove it after mouseout

I have table which class is forum. My jquery code: <script type="text/javascript"> $(document).ready(function() { $('.forum').bind("mouseover", function(){ var color = $(this).css("background-color"); $(this).css("background", "#380606"); $(this).bind("mouseout", function(){ $(this).css("background", color); }) }) }) &…

Read More
How can I find current element on mouseover using jQuery?

How can I get the class name of the current element that is on mouseover? For example When a mouse is over from div to a, I want to get the class name of a div element. How can I …

Read More
Changing Opacity with jQuery

I have 9 items on a grid, I want all items to have 0.5 opacity on every item and only when hovered over should the div/item and everything inside have 1.0 opacicty. Here is the JS $('.gallery-single').css({ opacity: 0.5 }); $('.gallery-single …

Read More