Question

我在textarea中输入了一个用户输入文本的段落。

line1
line2
line3

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

只能用jquery来完成吗？

Answer 1

编辑：对不起，伙伴们这次没有意识到你说过TEXTAREA。

不，不能做到。但是你可以这样做：

当按下按钮时，隐藏文本区域并在其中显示包含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>

动画textarea内容

1 个答案: