[HMC]年間5250円で独自ドメイン付属、ウィルスチェックありのレンタルサーバ!
Top
>
JavaScript実験室 Top
Last update : 2001/02/18
文字を徐々に拡大する
▼文字を徐々に大きくする
▼ソースコード&使い方
文字を徐々に大きくする
(外枠は後付けです)
これは、まれに見かけますねぇ?
原理としては「<FONT SIZE=?>」の値をいじっているだけです。
そんなに重たく無いみたいです。
ソースコード&使い方
まず、ヘッダーの部分に以下のプログラムを組み込みます。
<head> <script language="javascript"> <!-- var str="Takabo Soft"; //表示する文字 var speed=120; //この値を小さくすると速度が速くなります var size=1; var width=300; //表示部分の横幅 var height=100; //表示部分の縦幅 function SSLoop(){ FON.size=size; if(++size>7) size=1; } function SetSS(){ document.write("<table width="+width+" height="+height+">\ <tr><td align=center><font id=\"FON\">"+str+"</font></td></tr></table>"); setInterval("SSLoop()",speed); } //--> </script> </head>
あとは、<body>〜</body>内の表示したい場所へ、以下のように記述します。
<script language="javascript"> <!-- SetSS(); //--> </script>
ヘッダー内に記述したプログラムの冒頭にある各値、文字列をカスタマイズして下さい。
「表示部分の横幅・縦幅」の値が小さいと、レイアウトが動いてしまう事があります。