Question

我的jQuery代码有什么问题吗？

    <script>$(document).ready(function()
    {
        $(".a").hover(function()
        {
            $(this).find('h2.article-title, p.readmore').stop().animate({'color': '#000000'}, 'normal');
            $(this).find('img.a').stop().animate({'opacity': '0'}, 'normal');
        },function()
        {
            $(this).find('h2.article-title, p.readmore').stop().animate({'color': '#606060'}, 'normal');
            $(this).find('img.a').stop().animate({'opacity': '1'}, 'normal');
        });
    });</script>

不透明度动画效果良好但不是颜色，当我使用以下代码时，它正在工作：

$(this).find('h2.article-title, p.readmore').css('color', 'black');

Answer 1

除非您包含用于动画颜色的库，否则动画颜色不起作用 jQuery 不会默认为颜色设置动画。

有几个可供选择，jQuery UI还包括彩色动画但占用空间很大，如果你需要的只是彩色动画，应该避免使用。

https://jqueryui.com/
http://www.bitstorm.org/jquery/color-animation/

jQuery动画字体颜色

1 个答案: