jQuery fadeTo在Webkit瀏覽器中延遲

我已經實現了我覺得在我的菜單上是一個相當簡單的腳本。它適用於Firefox和IE，但在Chrome和Safari中，延遲時間大約爲半秒。它所做的只是將不透明度設置爲60％，然後將懸停設置爲100％。下面的代碼：jQuery fadeTo在Webkit瀏覽器中延遲

$(document).ready(function() { 
     $(".NavMenu a").fadeTo('200', 0.6); 
     $(".NavMenu a").hover(function() { 
      $(this).fadeTo('200', 1.0); 
     }, function() { 
      $(this).fadeTo('200', 0.6); 
     }); 
    });

有其他人遇到過，或者知道一種解決方法嗎？我在Webkit瀏覽器中測試了其他網站，並且fadeTo效果看起來很好。

謝謝你的時間。

帕特里克

來源

2010-12-21 Patrick

你能用現場[JS小提琴]（http://jsfiddle.net/）或[JS Bin]（http://jsbin.com/）演示重現此效果嗎？ – 2010-12-21 21:50:02

您的解決方案在這裏，我覺得這是）嘗試使用動畫（而不是fadeTo（）這樣的： http://jsbin.com/aluyi4/5/edit也注意到，您應該設置使用CSS的初始不透明度。

來源

2011-12-11 19:58:36

jQuery fadeTo在Webkit瀏覽器中延遲

回答

相關問題