jQuery的动画背景颜色不是动画

http://jsfiddle.net/leonwho/98mD2/jQuery的动画背景颜色不是动画

HTML

<div id="account-setup-guide"> 
    <div id="account_tour_info"> 
     <ul> 
      <li class="setup_complete"><strong>1</strong> Sync!</li> 
     </ul> 
    </div> 
</div>

CSS

#account-setup-guide { 
    position: relative; 
    margin: 30px 30px 20px 20px; 
    padding: 20px; 
    width: auto; 
    border: 5px solid orange; 
    background: orange; 
}

jQuery的

var animateThis = function() { 

    console.log('run animateThis'); 

    $('#account-setup-guide').stop().animate({backgroundColor: '#ffffff'}, 500); 

    $('#account-setup-guide').animate({ 
     background: 'white' 
    }, 500); 
} 

animateThis();

不知道为什么，这是行不通的，我已经使用上面的两个例子在.animate但它不是我目前的jsfiddle测试:(工作

来源

2014-01-10 Leon Gaban

添加jQuery UI：http://jsfiddle.net/98mD2/14/ jQuery核心不支持动画颜色，jQuery UI或jQuery颜色插件如果你不需要所有的UI插件。顺便说一句，你可以使用CSS3转换 –

啊谢谢你！你想发布这个答案吗？以为我疯了大声笑 –

@kei发布了答案，现在删除。我希望他能够取消他的回答，所以你可以接受它 –

jQuery的不支持彩色的动画，你必须包括插件，它支持它jQuery UI或jQuery color：

jQuery color

jsFiddle（ thx to kei）

来源

2014-01-10 16:55:21

谢谢，通常我使用CSS的背景动画，但想到我会做这个js而不是这次... –

jQuery的动画背景颜色不是动画

回答

相关问题