jquery mouseout事件

Question

在此代码中：

$(document).ready(function()
{
    $(".main_image .desc").show(); //Show Banner
    $(".main_image .block").animate({ opacity: 0.65 }, 1 ); 
    $(".image_thumb ul li:first").addClass('active');  
    $(".image_thumb ul li").click(function () 
    {
        var imgAlt = $(this).find('img').attr("alt");
        var imgTitle = $(this).find('a').attr("rel");
        var imgDesc = $(this).find('.block').html();
        var imgDescHeight = $(".main_image").find('.block').height();

        if ($(this).is(".active")) 
        {
        return false;
        } 
        else 
        {
            $(".main_image .block").animate({ opacity: 0, marginBottom: -imgDescHeight }, 250, 
            function() {
                $(".main_image .block").html(imgDesc).animate({ opacity: 0.85, marginBottom:"0" }, 250 );
                $(".main_image img").attr({ src: imgTitle , alt: imgAlt});
            });
        }
    });

我用鼠标点击更改了点击，但是如何设置mouseout事件？ 提前致谢

Answer 1

我没有看到你的鼠标悬停事件处理程序。

如果你想要一个mouseover / mouseout处理程序，请像这样使用hover（）：

$('.myelement').hover(
function() {
    // my mouseover code
},
function() {
    // my mouseout code
});

修改

好的，我想我明白了。要绑定'mouseout'事件（或任何事件），请执行以下操作：

$('#myelement').bind('mouseout', function() {
    // my code
});

上一次编辑：

如果您要“停止”当前动画，则需要拨打stop()。请考虑以下示例：

$('#box').hover(
        function() {
            $(this).stop();
            $(this).animate({height:300}, 1000);
        },
        function() {
            $(this).stop();
            $(this).animate({height:100}, 1000);
        });

#box {
    background: orange;
    width: 100px;
    height: 100px;
}

<div id='box'></box>

如果在'mouseout'时动画正在进行中，则调用$(this).stop()将暂停动画并启动'mouseout'动画。如果“mouseout”没有动画，则只需拨打$(this).stop()。