[HMC]年間5250円で独自ドメイン付属、ウィルスチェックありのレンタルサーバ!
Top
>
JavaScript実験室 Top
Last update : 2001/02/18
表示位置を回転させる
▼かーいてーん(not 開店)
▼ソースコード&使い方
かーいてーん(not 開店)
(外枠は後付けです)
これも結構重い(^^;しかも使い道が無い(爆
とりあえず画像だろうがリンクだろうが何でも回せます〜。
ソースコード&使い方
まず、ヘッダーの部分に以下のプログラムを組み込みます。
<head> <script language="javascript"> <!-- var speed=50; //更新速度 値が小さいほど速くなります var angle_speed=5; //一度に動かす角度(0〜359) var str="<B>回転</b>"; //表示する文字列 タグも使えます // ↑で「"」を使いたい場合、「\"」と記述して下さい var wid=100; //回る部分の横幅(単位:pixel) var hei=100; //回る部分の縦幅(単位:pixel) var len=100; //回転円の半径 var angle=0; function Move(){ var ang=angle*3.141592/180; WID.width =len+5+Math.cos(ang)*len; WID.height=len+5-Math.sin(ang)*len; angle+=angle_speed; } function SetRotate(){ document.write("<table height="+(len*2+30+hei)+" width="+(len*2+30+wid)+">\ <tr><td id=\"WID\"></td><td></td></tr>\ <tr><td></td><td valign=top width="+wid+" height="+hei+">" +str+"</td><td></td></tr><tr><td></td></tr></table>"); Move(); setInterval("Move()",speed); } //--> </script> </head>
あとは、<body>〜</body>内の表示したい場所へ、以下のように記述します。
<script language="javascript"> <!-- SetRotate(); //--> </script>
「回る部分の横幅・縦幅」を、しっかり設定しないと、文字が下や右側に移動したときに 枠が伸びます(^^;