- 14 名前：ﾒﾀﾘｯｸ竹輪〔Remodeling〕 ◆FCwxSNTwx2 [2006/08/07(月) 21:46]
- 妖しい動きを再現したけどUPできず
ちょっと 保管 実験投稿
<XMP>
<HTML>
<HEAD>
<TITLE>G</TITLE>
<SCRIPT Language="JavaScript">
<!--
x = new Array(); // X
y = new Array(); // Y
centerX = 300; // 中心蝶X
centerY = 150; // 中心蝶Y
R = 200; // 半径
offset = -10; // 収束速度
moveNum = 10; // 一度に移動するレイヤーの数
timerID = 0; // タイマー変数
time = 100; // １回あたりの移動速度（割り込み間隔）
pi = Math.PI / 180; // 角度からラジアン変換用
step = 0; // 回転角度
// 蝶を回転
function rotateTitle()
{
for (i=0; i<moveNum; i++)
{
layerName = "ABCDEFGHIJ".charAt(i); // レイヤー名取得
sita = (i * 360 / moveNum)+step;
COS = Math.cos(sita * pi);
SIN = Math.sin(sita * pi);
X = (COS + SIN)*R +centerX;
Y = (SIN - COS)*R +centerY;
if (document.layers) { document[layerName].left = X; document[layerName].top = Y; }
if (document.all) { window[layerName].style.pixelLeft = X; window[layerName].style.pixelTop = Y; }
}
R = R + offset;
if ((R < -200) || (R > 200)) offset = -offset;
step = step + 10;
clearTimeout(timerID);
timerID = setTimeout("rotateTitle()",time); // タイマー割り込み設定
}
// -->
</SCRIPT>
</HEAD>
<BODY bgColor="ffffff" onLoad="rotateTitle()">
<DIV ID="A" STYLE="position:absolute;left:-200px;top:-200px;font-size:24px;"><IMG SRC="http://www.geocities.jp/lx_chikuwa_xl/2ch/cyou03.jpg"></DIV>
<DIV ID="B" STYLE="position:absolute;left:-200px;top:-200px;font-size:24px;"><IMG SRC="http://www.geocities.jp/lx_chikuwa_xl/2ch/cyou03.jpg"></DIV>
<DIV ID="C" STYLE="position:absolute;left:-200px;top:-200px;font-size:24px;"><IMG SRC="http://www.geocities.jp/lx_chikuwa_xl/2ch/cyou03.jpg"></DIV>
<DIV ID="D" STYLE="position:absolute;left:-200px;top:-200px;font-size:24px;"><IMG SRC="http://www.geocities.jp/lx_chikuwa_xl/2ch/cyou03.jpg"></DIV>
<DIV ID="E" STYLE="position:absolute;left:-200px;top:-200px;font-size:24px;"><IMG SRC="http://www.geocities.jp/lx_chikuwa_xl/2ch/cyou03.jpg"></DIV>
<DIV ID="F" STYLE="position:absolute;left:-200px;top:-200px;font-size:24px;"><IMG SRC="http://www.geocities.jp/lx_chikuwa_xl/2ch/cyou03.jpg"></DIV>
<DIV ID="G" STYLE="position:absolute;left:-200px;top:-200px;font-size:24px;"><IMG SRC="http://www.geocities.jp/lx_chikuwa_xl/2ch/cyou03.jpg"></DIV>
<DIV ID="H" STYLE="position:absolute;left:-200px;top:-200px;font-size:24px;"><IMG SRC="http://www.geocities.jp/lx_chikuwa_xl/2ch/cyou03.jpg"></DIV>
<DIV ID="I" STYLE="position:absolute;left:-200px;top:-200px;font-size:24px;"><IMG SRC="http://www.geocities.jp/lx_chikuwa_xl/2ch/cyou03.jpg"></DIV>
<DIV ID="J" STYLE="position:absolute;left:-200px;top:-200px;font-size:24px;"><IMG SRC="http://www.geocities.jp/lx_chikuwa_xl/2ch/cyou03.jpg"></DIV>
<BR>
<DIV STYLE="position:absolute;left:300;top:155;"><font size=15>蝶</font></DIV>
</BODY>
</HTML>
</XMP>
read.cgi ver2.0 beta3 (03/08/25)