タイプ風文字


1.headに記述
<style type="text/css" media="screen"><!--
#layer1 { color: green; font-size: 20pt; font-weight: normal; text-align: left; visibility: visible; position: absolute; top: 10px; left: 10px; width: 500px; height: 134px; .cposition: absolute }}}
-->-->
</style>
<!--※このCSSの設定をしなければ、文字は黒で、左上から文字が出ます。topは上からの指定位置、leftは左からの指定位置です-->


<SCRIPT language="JavaScript">
<!--
a=0;
var text="とてもノーマルなタイプライター風に文字を出すタグです。<br>この文字はCSSで文字の大きさや色を変更することが出来ます!<br>また、改行が可能なので必要に応じて改行タグを挿入してください。<br>詳細はURL、http://www.hp-kowaza.comを参照";
function b() {a++;document.getElementById('c').innerHTML = text.substring(0,a);
if( a >= text.length ){document.getElementById('c').innerHTML = text;}
if( a < text.length ){setTimeout("b()", 100);}}<!--文字の速さで数値が大きくなれば遅くなる-->
//-->
</SCRIPT>
<!--ここまで-->

2.bodyに記述
<BODY onload="(b())">

<!--bodyの中に入れる-->
<div id="layer1"></div>
<DIV id="layer1"><span id="c"></span></DIV>