animate textarea 내용

Question

나는 텍스트 영역에 사용자가 입력 한 텍스트의 paragragh 있습니다. 버튼이 점차 빨간색으로 각 라인의 색상 변화를 눌렀을 때

line1 
line2 
line3 

는 intially 모든 텍스트는 검은 것

이 만 jQuery로 수행 할 수 있습니다 (각 행이 2 초)?

Answer 1

편집 : 죄송합니다 다시 한 번 친구는 이번에 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>