問題與色彩動畫jQuery

我不太確定問題在這裏。我已經包含了jQuery UI，以便我具有顏色兼容性。問題與色彩動畫jQuery

<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/jquery-ui-1.10.0.custom.js"></script>

我也嘗試過使用jQuery顏色插件。

我想更改字體顏色，但我的代碼似乎不工作。我添加了backgroundColor來測試它，並且工作。

請讓我知道，如果你有任何想法，爲什麼它不工作。

$('.menu-item').mouseover(function() { 
    $(this).animate({ 
    color: '#fff', 
    backgroundColor: '#000000', 
    }, 500, function(  
) { 
    }); 
}); 

$('.menu-item').mouseleave(function() { 
    $(this).animate({ 
    color: '#fff', 
    backgroundColor: '#ffffff', 
    }, 500, function(
) { 
    }); 
});

來源

2013-01-23 camden

如果你不需要支持IE9-爲此，只需使用轉換 –

對我來說似乎很好http://jsfiddle.net/hAw5z/雖然你兩次都是用白色來動畫，所以它只是第一次動畫。 –

我發現我需要對目標「菜單項」更改爲「菜單項A」

一旦我添加的‘a’，改變了字體顏色，它工作完美。

感謝爆炸藥丸和詹姆斯蒙塔涅。另外我將使用你鏈接到James的那個網站。

來源

2013-01-23 15:23:28 camden

它不是mouseleave因爲工作，你不設置字體顏色返黑如此這般無形試試這個它是工作。

$('div').mouseover(function() { 
    $(this).animate({ 
    color: '#fff', 
    backgroundColor: '#000000', 
}, 500, function(  
    ) { 
    }); 
}); 

$('div').mouseleave(function() { 
    $(this).animate({ 
    color: '#000', 
    backgroundColor: '#ffffff', 
}, 500, function(
) { 
    }); 
});

check fiddle

來源

2013-01-23 11:52:13 Rizstien

問題與色彩動畫jQuery

回答

相關問題