jQuery循环我的fadeIn / fadeOut

时间:2010-02-08 20:18:34

标签: jquery loops queue fadein fadeout

我在jQuery中做了一些简单的.hover(function()语句。当我将鼠标悬停在文本上时,我只想要一个#div.fadeIn,并且在非悬停fadeOut上。它可以工作。但这只是我垃圾邮件带有悬停和非悬停的文本触发器非常快,然后停止动画开始产生闪烁效果。它只是一种循环,真的很烦人!

2 个答案:

答案 0 :(得分:3)

有一些简单的方法可以解决这个问题,但是这个方法可以为你想要的效果提供一个很好的效果:

$("#yourtrigger").hover(function(){
    $("#div").stop(true).fadeTo( "fast", 1.0);
}, function(){
    $("#div").fadeOut( "fast" );
});

重要的是不要在此方法中使用fadeIn,因为它会在一段时间后停止淡出,因为jQuery会跟踪它应该“淡入”的内容。

答案 1 :(得分:0)

如果你有这样的事情:

$('#your_div').action1().action2();

将其更改为:

$('#your_div').action1(miliseconds, function() {
   $(this).action2(); 
});

你甚至可以使用v1.4添加这样的delay()调用。

$('your_div').action1().delay(miliseconds).action2();