画像を回転させる2

Sample


上のように入り口に使うのもひとつの方法かもしれません。実際に飛んでいけます。
スクリプト
<HEAD>
<SCRIPT Language="JavaScript">
<!--
x = new Array(); //　X座標
y = new Array(); //　Y座標
centerX = 345; //　回転の中心X座標
centerY = 230; //　回転の中心Y座標
R = 70; //　半径
offset = -3; //　収束速度
RayNum = 10; //　一度に移動するレイヤーの数
timerID = 0; //　タイマー変数
time = 100; //　１回あたりの移動速度（割り込み間隔）
pi = Math.PI / 180; //　角度からラジアン変換用
step = 0; //　回転角度

//　文字を回転させます
function rotateTitle()
{
for (i=0; i<RayNum; i++)
{
layerName = "ABCDEFGHIJ".charAt(i); //　レイヤー名を取得します。
sita = (i * 360 / RayNum)+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 < -70) || (R > 70)) offset = -offset;
step = step + 10;
clearTimeout(timerID);
timerID = setTimeout("rotateTitle()",time); //　タイマー割り込み設定
}
// -->
</SCRIPT>

</HEAD>

<BODY onLoad="rotateTitle())">

<div id="A" style="position:absolute;left:-202px;top:-201px;font-size:24px;"><img src="onpu.gif"></div>
<div id="B" style="position:absolute;left:-200px;top:-200px;font-size:24px;"><img src="onpu.gif"></div>
<div id="C" style="position:absolute;left:-200px;top:-200px;font-size:24px;"><img src="onpu.gif"></div>
<div id="D" style="position:absolute;left:-200px;top:-200px;font-size:24px;"><img src="onpu.gif"></div>
<div id="E" style="position:absolute;left:-200px;top:-200px;font-size:24px;"><img src="onpu.gif"></div>
<div id="F" style="position:absolute;left:-200px;top:-200px;font-size:24px;"><img src="onpu.gif"></div>
<div id="G" style="position:absolute;left:-200px;top:-200px;font-size:24px;"><img src="onpu.gif"></div>
<div id="H" style="position:absolute;left:-200px;top:-200px;font-size:24px;"><img src="onpu.gif"></div>
<div id="I" style="position:absolute;left:-200px;top:-200px;font-size:24px;"><img src="onpu.gif"></div>
<div id="J" style="position:absolute;left:-200px;top:-200px;font-size:24px;"><img src="onpu.gif"></div>
<br>
<div style="position:absolute;left:290px;top:215px;; width: 142; height: 64"><a href="music.html"><img src="ent.gif" border="0"></a></div>

</BODY>
</HTML>