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