Html & Script

jquery 타이핑 효과 스크립트

컨텐츠 정보

본문

<span class="c1" style="display: none;">동해물과 백두산이</span>

<p class="c2"></p>


<script>

function changeText(cont1,cont2,speed){

var Otext=cont1.text();

var Ocontent=Otext.split("");

var i=0;

function show(){

if(i<Ocontent.length)

{

cont2.append(Ocontent[i]);

i=i+1;

};

};

var Otimer=setInterval(show,speed);

};

$(document).ready(function(){

changeText($(".c1"),$(".c2"),150); //  150 = the Delay time in milliseconds between strokes.

clearInterval(Otimer);

});

관련자료

댓글 0
등록된 댓글이 없습니다.
Today's proverb
진정한 우정은 느리게 자라나는 나무와 같다. (조지워싱턴)