電光掲示板風動く文字３

電光掲示板とは言いがたいかもしれませんが、まぁ動く文字列のサンプルです。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<script type="text/javascript">
<!--
var spd      = 100;       //動作スピード
var defColor = '#333333'; //デフォルト文字色
var emColor  = '#ff00ff'; //強調文字色

var x = 0;
var lng = 0;
var str;

function ini(id){
	str = id;
	var smp = document.all(str).innerHTML;
	var tmp = "";
	lng = smp.length;
	for(i=0; i<lng; i++){
		tmp += "<font id="+str+i+">"+smp.substring(i,i+1)+"</font>";
	}
	document.all(str).innerHTML = tmp;
	cngC();
}

function cngC(){
	if(x >= lng){x = 0;}
	var y = x - 1;
	if(y < 0){y = lng - 1;}
	document.all(str+x).style.color = emColor;
	document.all(str+y).style.color = defColor;

	++x;
	setTimeOut("cngC()",spd);
}
//-->
</script>
</head>
<body onload="ini('Key')">
<p ID="Key" style="font-size:16px;color:#333333;">
電光掲示板とは言いがたいかもしれませんが、まぁ動く文字列のサンプルです。
</p>
</body>
</html>