jQuery .animate（）不能正常工作

我正在設計一個網站和效果，我遇到了下面的一組jQuery代碼，以實現動畫文本顏色變化。但它不起作用，我不知道什麼是錯的。jQuery .animate（）不能正常工作

下面是我目前遇到的問題與代碼：

的jQuery：

$('.list-5 li a').hover(function() { 
    $(this).stop().animate({ color: '#fff' }) 
}, function() { 
    $(this).stop().animate({ color: '#0e1b23' }) 
})

HTML：

<div class="list-5"> 
    <ul> 
    <li> 
     <a href="#">Hello world</a> 
    </li> 
    </ul> 
    </div>

來源

2012-07-02 krish

什麼_「但它不工作」_是什麼意思？ – gdoron

@gdoron：當我們將顏色更改爲另一種顏色時 – krish

@krish - 使用十六進制代碼設置顏色時，必須使用3個字符的十六進制代碼或6個字符。沒有4字符的實現。 – RobB

#FFFF是無效顏色。使用#FFF或#FFFFFF。

此外，默認的jQuery .animate不動畫的顏色。你必須使用jQuery UI（或者Color plugin）。使用彩色插件

演示：http://jsfiddle.net/FMTDp/13/
演示使用jQuery UI：http://jsfiddle.net/FMTDp/15/

來源

2012-07-02 16:17:26

你不能動畫的色彩！

.animate({ 
     color: '#ffff' 
    });

除非您添加對jQuery UI的引用。

所有的動畫屬性都應該被動畫爲一個數值，除非如下所述;大多數非數字屬性不能使用基本的jQuery功能進行動畫（例如，除非使用jQuery.Color（）插件，否則寬度，高度或左側可以是動畫，但背景色不可以）。

Working DEMO using jQuery UI

來源

2012-07-02 16:19:03 gdoron

http://api.jquery.com/animate/閱讀更多關於上述報價的內容 – maxpolk

你需要使用jQuery UI或jQuery插件，以動畫的顏色。您也正在使用錯誤的顏色代碼，請使用#fff或#ffffff。

從animate：

例如，寬度，高度，或左可以是動畫但背景顏色不能，除非jQuery.Color（）插件用於

注： jQuery UI項目通過允許某些非數字樣式（如顏色）進行動畫，擴展了.animate（）方法。該項目還包括通過CSS類而不是單個屬性指定動畫的機制。

來源

2012-07-02 16:19:15 Zbigniew

jQuery .animate（）不能正常工作

回答

相關問題