jQuery的動畫導航欄，不能動畫

Question

行，所以我是一個有點困惑，我想什麼，但還是老樣子着我的動畫鏈接背景顏色，甚至是簡單的警報，幫我解決了概率：

/* jQuery */ 

$(document).ready(function() { 

    $("#menu a").mouseover(function() { 
     $(this).animate({ "left": "-=50px" }, "slow"); 

    }); 


}); 

HTML：

<div id="menu"> 
<ul> 
<li><a href="http://www.xn----2hckboeejufb0a1k.com/">One</a></li> 
<li><a href="http://www.xn----2hckboeejufb0a1k.com/">Two</a></li> 
<li><a href="http://www.xn----2hckboeejufb0a1k.com/">Three</a></li> 
</ul> 
</div> 

謝謝！

Answer 1

你舉的例子只是罰款...看到：http://jsfiddle.net/georeith/MhmAm/

的left性能不會有任何影響，除非a元素有一個非靜態position屬性。

如果沒有插件，您也無法爲屬性background-colour設置動畫。請參閱：https://github.com/jquery/jquery-color

否則，請確保您正確加載jQuery庫並檢查控制檯是否有任何錯誤。

Answer 2

嘗試添加不透明兄弟。

$（本）.animate（{ 不透明度：0.25， 左： ' - = 50'， 高度： '切換' }， '慢'）;

Answer 3

$("#menu a").mouseover(function() { 
     changeColor($(this),["olive","red","blue","white"]); 
    }); 
    function changeColor(component,colors){ 
     var firstColor = colors[0]; 
     for(var i in colors){ 
      component.animate({ backgroundColor: colors[i]}, 'slow' , function(){ 
       if(colors.length < (i + 1)){ 
        component.animate({ backgroundColor: colors[i + 1]},'slow',function(){ 
         component.animate({ backgroundColor: firstColor}, 'slow'); 
        }); 
       } 
      }); 
     } 
    }