2013-09-05 53 views
0

我們的div #logo通過CSS設置爲0.8的不透明度:jQuery的fadeTo後超時

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

的延遲之後,#logo被褪到0.4#主導航動畫:

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

當鼠標移動時,#logo褪色至0.99和#主導航再次動畫:

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

然後,計時器被設置並#logo helpshould爲f交鋒回至0.4和#主導航動畫的最後一次:

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

一切工作正常,除了衰落#logo回0.4。

任何想法將不勝感激!

回答

0

使用.stop()

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

如果這不工作,請提供http://www.jsfiddle.net與你相關的代碼


.stop()

.stop([clearQueue嘗試] [,jumpToEnd]) Returns:jQuery

描述:在匹配的 元素上停止當前運行的動畫。

+0

謝謝itay。 http://jsfiddle.net/MEyEW/ –