jquery fadeTo超时后

时间:2013-09-05 15:00:15

标签: jquery fadeto

我们的div #logo通过css设置为0.8不透明度:

background:rgba(50,50,50,0.8)

延迟一段时间后,#logo褪色为0.4,#main-navigation为动画:

$("#main-navigation").delay(7000).slideUp(1000);
$("#logo").delay(7000).fadeTo(1000,0.4);

当鼠标移动时,#logo逐渐变为0.99,#main-navigation再次动画:

var c;
$(document).on('mousemove',function() {        
$("#logo").fadeTo(1000,0.99);
$("#main-navigation").slideDown(1000);
....

然后设置一个计时器,#logo help应该淡化为0.4,#main-navigation最后一次动画:

....
clearTimeout(c);
c= setTimeout(function(){
$("#logo").fadeTo(1000,0.4);
$("#main-navigation").slideUp(1000);
}, 2000);
});

除了将#logo淡化回0.4之外,一切正常。

任何想法都将不胜感激!

1 个答案:

答案 0 :(得分:0)

尝试使用.stop()

$("#logo").stop().fadeTo(1000,0.4);

如果这不起作用,请提供http://www.jsfiddle.net及相关代码


.stop()

  

.stop([clearQueue] [,jumpToEnd])返回:jQuery

     

说明:停止匹配的当前正在运行的动画   元件。