0

我们的 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 帮助应该淡化回 0.4,最后一次为 #main-navigation 设置动画:

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

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

任何想法将不胜感激!

4

1 回答 1

0

尝试使用.stop()

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

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


。停止()

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

描述:停止匹配元素上当前正在运行的动画。

于 2013-09-05T15:04:19.090 回答