画像を回転させる1

Sample


どうでしょうか、ただの工事中とかアニメgifなんかで作るより、軽くてインパクトありますね。
スクリプト
<HEAD>
<SCRIPT Language="JavaScript">
<!--
x = new Array(); //　X座標
y = new Array(); //　Y座標
centerX = 335; //　回転の中心X座標
centerY = 220; //　回転の中心Y座標
R = 60; //　半径
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; }
}
step = step + 5;
clearTimeout(timerID);
timerID = setTimeout("rotateTitle()",time); //　タイマー割り込み設定
}
// -->
</SCRIPT>

</HEAD>

<BODY onLoad="rotateTitle()">
<div id="A" style="position:absolute;left:-200px;top:-200px;font-size:24px;"><img src="suko.gif"></div>
<div id="B" style="position:absolute;left:-200px;top:-200px;font-size:24px;"><img src="suko.gif"></div>
<div id="C" style="position:absolute;left:-200px;top:-200px;font-size:24px;"><img src="suko.gif"></div>
<div id="D" style="position:absolute;left:-200px;top:-200px;font-size:24px;"><img src="suko.gif"></div>
<div id="E" style="position:absolute;left:-200px;top:-200px;font-size:24px;"><img src="suko.gif"></div>
<div id="F" style="position:absolute;left:-200px;top:-200px;font-size:24px;"><img src="suko.gif"></div>
<div id="G" style="position:absolute;left:-200px;top:-200px;font-size:24px;"><img src="suko.gif"></div>
<div id="H" style="position:absolute;left:-200px;top:-200px;font-size:24px;"><img src="suko.gif"></div>
<div id="I" style="position:absolute;left:-200px;top:-200px;font-size:24px;"><img src="suko.gif"></div>
<div id="J" style="position:absolute;left:-200px;top:-200px;font-size:24px;"><img src="suko.gif"></div>
<br>
<div style="position:absolute;left:303px;top:190px;; width: 107; height: 114"><img src="noent.gif"></div>
</BODY>
</HTML>