跳ねるウサギ |
説 明 | うさぎが画面下で跳ねます。 |
---|---|
注意事項 | 下記サンプルの赤字部分が跳ねる速度、青文字が跳ねる高さ、紫色が移動方向および移動速度、緑色がウサギの画像になっています。それぞれの状況に応じて書き換えてください。 |
■動作雰囲気チェック >>実行 |
|
サンプル |
<html> <head> <title>ウサギぴょこぴょこ</title> <script language="JavaScript"><!-- x = 0; baseY = 100; // はねる地面の位置 n = 0; dx = 1; function jump() { baseY = document.body.clientHeight - document.usagi.height + 10; n = n + 0.1; a = Math.abs(Math.floor(Math.sin(n) * 35)); if (a > 8) { x = x + dx; y = baseY - a; document.usagi.style.pixelTop = y; document.usagi.style.pixelLeft = x; } } // --></script> </script> </head> <body onLoad="setInterval('jump()',100)"> <img src="usagi.gif" name="usagi" style="position:absolute;top:100px;left:0px;"> </body> </html> |