<h2><font color="pink">熊たたきゲーム</font></h2>
<img src="sbuc.gif">ライラックの画像を表示してみよう。ライラックの画像のファイル名は、lilac.jpgです。
<img src="lilac.jpg">
<h2><font color="pink">熊たたきゲーム</font></h2> <img src="sbuc.gif" onClick="alert('Ouch!')">
<h2><font color="pink">熊たたきゲーム</font></h2> <img src="sbuc.gif" id="bear" onClick="hit()"> <script type="text/javascript"> <!-- var IMG = document.getElementById('bear'); function hit() { IMG.src = 'SB_down.gif'; alert('Ouch!'); } //--> </script>
<h2><font color="pink">熊たたきゲーム</font></h2> <img src="sbuc.gif" id="bear" onClick="hit()"> <script type="text/javascript"> <!-- var t = 0; var IMG = document.getElementById('bear'); var myTimer = run(); function Animate(){ IMG.style.position = 'absolute'; IMG.style.left = Math.sin( t * 0.1 ) * 350 + 350 + "px"; IMG.style.top = Math.cos( t * 0.5 ) * 20 + 150 + "px"; t++; } function run() { var myTimer = setInterval('Animate()', 80 ); return myTimer; } function hit() { IMG.src = 'SB_down.gif'; alert('Ouch!'); } //--> </script>
<h2><font color="pink">熊たたきゲーム</font></h2> <img src="sbuc.gif" id="bear" onClick="hit()"> <script type="text/javascript"> <!-- var t = 0; var IMG = document.getElementById('bear'); var myTimer = run(); function Animate(){ IMG.style.position = 'absolute'; IMG.style.left = Math.sin( t * 0.1 ) * 350 + 350 + "px"; IMG.style.top = Math.cos( t * 0.5 ) * 20 + 150 + "px"; t++; } function run() { var myTimer = setInterval('Animate()', 80 ); return myTimer; } function hit() { IMG.src = 'SB_down.gif'; clearInterval(myTimer); alert('Ouch!'); } //--> </script>