クリック占い(2) |
説 明 | 切り替わる画像をクリックすると占いの結果が表示されます。「大吉」「吉」「凶」「大凶」の4つがあります。裏返しになっている画像の番号を0、「大吉」「吉」「凶」「大凶」までを0〜3までの連番にしておく事で簡単なスクリプトになります。 |
---|---|
注意事項 | 下記サンプルの青文字が星を表示する座標になっています。それぞれの状況に応じて書き換えてください。また、表示される画像である0.gif, 1.gif, 2.gif, 3.gifは同じディレクトリ/フォルダ内にある必要があります。 |
■動作雰囲気チェック >>実行 |
|
サンプル |
<html> <head> <title>クリック占い(2)</title> <script language="JavaScript"><!-- flag = false; num = 0; function setCard() { num = Math.floor(Math.random() * 4); document.result.src = num + ".gif"; if (!flag) setTimeout("setCard()",100); } function uranai() { if (flag) { alert("占いは一度だけですよ"); return; } flag = true; } // --></script> </head> <body onload="setTimeout('setCard()',100)"> <center><b>クリック占い(2)</b><br> <br> 下の画像をタイミングよくクリックして今日の運勢を占おう!<br> <br> <img src="0.gif" name="result" onClick="uranai()"> </center> </body> </html> |