| ポイント |
<![CDATA[
x = new Array( 10, 3,-6, 8,-10,-7,5,-3,0,0,0,0,0,0,0,0,0,0,0,0);
y = new Array(-12, 6,-3,10, -9,-2,8, 2,0,0,0,0,0,0,0,0,0,0,0,0);
if (x[count] != 0) moveBy(x[count],y[count]);
setTimeout("purupuruWin()",100);
]]>
|
| 説 明 |
ウィンドウを揺らすには、あらかじめ揺らす大きさを配列に入れておきます。配列に格納する数値の合計が0になるようにしないと、ウィンドウが少しずつずれて移動してしまいます。ウィンドウを現在の位置から移動させるにはmoveBy()を使います。moveBy()はウィンドウを相対的に移動させます。あとは、一定時間繰り返せば、ウィンドウが揺れるようになります。 |
| サンプル |
<![CDATA[
<html>
<head>
<title>ウィンドウを揺らす</title>
<script Language="JavaScript"><!--
x = new Array( 10, 3,-6, 8,-10,-7,5,-3,0,0,0,0,0,0,0,0,0,0,0,0);
y = new Array(-12, 6,-3,10, -9,-2,8, 2,0,0,0,0,0,0,0,0,0,0,0,0);
count = 0;
function purupuruWin()
{
if (x[count] != 0) moveBy(x[count],y[count]);
count++;
if (count >= x.length) count = 0;
setTimeout("purupuruWin()",100);
}
// --></script>
</head>
<body onLoad="purupuruWin()">
ウィンドウを揺らす
</body>
</html>
]]>
|
| 補足説明 |
なし |
|
■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!
|
ウィンドウを揺らす