ページが読み込まれたら文字間隔を広げる

動作ブラウザ
Internet Explorer Netscape Navigator
4.0x 4.5 5.0x 5.5 6.0 4.x 6.0
Windows - × ×
Macintosh - - × ×
UNIX - - - - - × ×

解  説  ページが読み込まれたら文字間隔を広げるにはスタイルシートのletter-spacingを使い、最初の値をマイナス値にしておきます。ページが読み込まれたら、このletter-spacingの値を増やしていき0になるまでタイマーを使って繰り返し処理を行います。
コード <html> <head> <title>ページが読み込まれたら文字間隔を広げる</title> <script langauge="JavaScript"><!-- space = -14; max = 0; function setLS() { Text1.style.letterSpacing = space++; if (space < 0) setTimeout("setLS()",100); } // --></script> </head> <body onLoad="setLS()"> <p id="Text1" style="letter-spacing:-14px">ページが読み込まれると文字が広がっていきます。</p> </body> </html>

■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!