jquery - 如何为文章边框设置动画

Question

我有<article id="why-me" style="">text</article>带有样式的简单文章元素：

article {
    background: none repeat scroll 0 0 #000000;
    border: 2px solid #353535;
    box-shadow: 0 0 5px black;
    opacity: 0.8;
}

section#content article {
    background: none repeat scroll 0 0 #050505;
    border-radius: 3px 3px 3px 3px;
    margin-bottom: 20px;
    padding: 10px;
    position: relative;
    z-index: 5;
}

所以我试图做闪光边框jQuery('#why-me').animate({'borderColor': '#717171'});，但什么也没发生......问题出在哪里？

Answer 1

默认情况下，彩色动画不是 jQuery 的一部分。你需要一个插件：

http://www.bitstorm.org/jquery/color-animation/

Answer 2

如果包含 jquery，则必须指定动画的持续时间：

jQuery('#why-me').animate({'borderColor': '#717171'},fast);