2012-10-14 17 views
-2
CSS3過渡

可能重複:
Special color transition effect with pure jQuery animation // no ui or other libary試圖讓回退爲使用jQuery

我覺得這個代碼應該是它,但它不工作。我可以告訴它正在改變顏色,但它不是褪色(如CSS3轉換)。請幫忙。我的代碼:

$(document).ready(function(){ 
    $("#nav-wrap ul li a").mouseover(function(){ 
     $(this).css("color","#444"); 
    }); 

    $("#nav-wrap ul li a").mouseout(function(){ 
     $(this).css("color","#999"); 
    }); 
}); 

回答

2
$(document).ready(function(){ 
    $("#nav-wrap ul li a").hover(function(){ 
      $(this).stop().animate({color:'#444'}, 300); 
     }, function() { 
      $(this).stop().animate({color:'#999'}, 100); 
     } 
    )} 
}); 

此代碼需要jQuery UI。

+2

你知道,沒有UI/UI.color模塊,動畫顏色就無法工作。在人們開始抱怨和投票之前,您至少可以添加一條關於它的備註。 '=]' –

+0

謝謝!這就是我一直在尋找的! :d – ModernDesigner

1

你需要的是animate()的元素,而不是簡單地改變CSS的顏色值。 Here是如何做到這一點的參考。