Javascript 设置文本区域内容的动画

我在文本区域中有一段用户输入的文本

line1
line2
line3

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

---

仅使用jquery就可以做到这一点吗？

编辑：再次抱歉，mate这次没有意识到你说的是TEXTAREA

不，这是不可能的。但是，您可以这样做：

按下按钮时，隐藏文本区域并在其位置显示一个div，其中包含文本区域中的内容。改为对其执行动画。当然，它将不再是可编辑的，但因为我不知道你想实现什么，这可能是一个解决办法

这是上面的一个例子

<textarea id="ta"></textarea>
<div id="ta_div" style="display:none;"></div>
<br/><input type="button" id="go" value="Go"/>

<script>
$("#go").click(function()
{
    var text = document.getElementById("ta").value;
    text = "<p>" + text.replace( /\n/g, "</p><p>" ) + "</p>";

    $("#ta_div").html( text );
    $("#ta").hide();
    $("#ta_div").show();

    var i = -1;
    var arr = $("#ta_div p");
    (function(){
    if(arr[++i])
    $(arr[i]).animate({ color: "#ff0000" }, 2000, "linear", arguments.callee)
    })();
});
</script>

$（“#go”）。单击（函数（）
{
var text=document.getElementById（“ta”）.value；
text=“”+text.replace（/\n/g，“
”）+“
”；
$（“#tau div”）.html（文本）；
$（“#ta”）.hide（）；
$（“#tau div”）.show（）；
var i=-1；
var arr=$（“ta#u div p”）；
（功能（）{
if（arr[++i]）
$（arr[i]）.animate（{color:#ff0000“}，2000，“linear”，arguments.callee）
})();
});

谢谢，我试试看。您昨天发布的示例将同时更改所有行。如何一次更改一行的颜色？请尝试我在答案中添加的示例。