使用jquery为文本行设置动画

Question

我有一段文字。

<p>
line1
line2
line3
</p>

最初所有文字都是红色的 按下按钮时 每条线的颜色逐渐变为黑色（每行2秒）

只能用jquery来完成吗？

Answer 1

是的，可以使用jQuery完成，但你需要Color Animation插件......

http://plugins.jquery.com/project/color

编辑：抱歉，这个脚本应该为你做（你还需要彩色插件）

// Rename #go to the trigger that starts the animation
$("#go").click(function(){
var i = -1;
// Rename #container to the name of the element surrounding the p tags
var arr = $("#container p");
(function(){
if(arr[++i])
$(arr[i]).animate({ color: "#ff0000" }, 2000, "linear", arguments.callee)
})();
});