タイピングっぽい動く文字

キーボードでタイピングを行うように、指定した文字列を順番に表示していきます。カーソルの形状をHTMLタグを使用して変更することも出来ます。画像をカーソルにすることもできますので、アイデア次第で色々使えますよ。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<script type="text/javascript">
<!--
// 動作スピード
var spd = 100;
// カーソルの形状（HTMLタグ可）
var cur = "<span style="color:#ff00ff;">_</span>";

var i = 0;
var smp;
var l;
var str;

function winLoad(id){
	str = id;
	smp = document.all(str).innerHTML;
	l = smp.length;
	tpW();
}

function tpW(){
	if (i > l){
		document.all(str).innerHTML = smp;
	}else{
		document.all(str).innerHTML = smp.substring(0,i)+cur;
		i++;
		setTimeOut("tpW()",spd);
	}
}
//-->
</script>
</head>
<body onLoad="winLoad('Key');">
<div id="Key"
  style="background-color:#000000;color:#00ff00;width:350px;padding:10px;">
キーボードでタイピングを行うように、指定した文字列を順番に表示していきます。
カーソルの形状をHTMLタグを使用して変更することも出来ます。
画像をカーソルにすることもできますので、
アイデア次第で色々使えますよ。
</div>
</body>
</html>