착한 것들 > 착한 스크립트 > 기타 일반

표에 문자 찍기, 화면에 타이핑 되는것 같은효과 내기

※ 내용 업데이트와 홈페이지 관리 다시 시작하겠습니다. ^^;
표에 실시간으로 문자를 찍어 주는 스크립트입니다.

span 태그에 ID를 주고 거기에 문자를 찍어주는 방식으로 html 태그의 사용도 가능 합니다.
예제
 
소스
<table border="0" bgcolor="black" align="center" cellpadding="5" cellspacing="0" style="font-size:10pt;">
	<tr>
	<td width="381" height="85" valign="top"><font color="lime"><span id="texts">&nbsp;</span></font></td>
	</tr>
</table>

<script language="JavaScript">
<!--
var text = "달팽이홈에 방문해 주셔서<br><br>감사드립니다.<br><br>많이 방문해 주세요 ^^";
var cnt = 0;
var speed = 70;	//글자가 찍히는 속도
var timer1 = null;

function gogogo(){
	document.getElementById('texts').innerHTML = text.substring(0, cnt) + "_";
	cnt++;
	timer1 = setTimeout('gogogo()', speed);

	if(text.length < cnt){
		// 아래 주석으로 처리된 부분을 지우면 한번만 실행됩니다.
		//clearTimeout(timer1)
		cnt = 0;
	}
}

gogogo();
//-->
</script>
☞ 달팽이홈2 등록일 : 2008-06-07