Jquery 动画链接

Question

我想在页面加载时更改两个导航链接的颜色。为了让他们更明显。我加载了 jquery 和 jquery.animate-colors 。这是我的代码，但它没有做任何事情。不适用于我的网站或 JS Fiddle。

<div class="main_body">
        <div class="nav1"><a href="http://www.google.com">Test1</a></div>
        <div class="nav1"><a href="http://www.google.com">Test2</a></div>
        <div id="color" class="nav1"><a href="http://www.google.com">Test3</a>    </div>
        <div id="color2" class="nav1"><a href="http://www.google.com">Test4</a></div>
    </div>

$(document).ready(function(){
   $("#color").animate({color: '#3F3FFF'})
});

JS fiddle :here

Answer 1

您需要在项目中包含 JQueryUI。

这是一个示例:http://jsfiddle.net/UQTY2/142/

此外，请勿对 1 个以上的元素使用相同的 ID。

<div class="main_body">
    <div class="nav1"><a href="http://www.google.com">Test1</a>
    </div>
    <div class="nav1"><a href="http://www.google.com">Test2</a>
    </div>
    <div class="nav1"><a href="http://www.google.com">Test3</a>
    </div>
    <div class="nav1"><a href="http://www.google.com">Test4</a>
    </div>
</div>

$(document).ready(function () {
    $("a").animate({
        color: 'green'
    }, 2000)
});