我们的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之外,一切正常。
任何想法都将不胜感激!
答案 0 :(得分:0)
尝试使用.stop()
$("#logo").stop().fadeTo(1000,0.4);
如果这不起作用,请提供http://www.jsfiddle.net及相关代码
.stop([clearQueue] [,jumpToEnd])返回:jQuery
说明:停止匹配的当前正在运行的动画 元件。