おみくじVer2です。
これは占い結果のページにジャンプするタイプです。
おみくじの結果は、普通のHTMLとして作成する事が
出来ますので自由に作成する事が出来ます。
・サンプルを見る
・ソースを保存する (右クリック→「対象をファイルに保存」or「リンクを名前を付けて保存」して下さい。)
・ソースを見る ・解説を見る
[ ソース ]
このスクリプトでは、おみくじの結果として表示されるHTMLが10個と、
おみくじボタンを貼り付けたHTML、計11個のHTMLが必要です。
おみくじの結果として表示させるHTMLの内容はどう言ったものでも構いません。
お好きなように作成して下さい。ごく普通のHTMLとして作成して下さって結構です。
ただしHTMLの名前は、0〜9の数字を付けて下さい。
「0.html」「1.html」・・・「9.html」のように。
続いて、おみくじボタンを貼り付けるHTMLを以下のようにして下さい。
<html><head>
<script language="JavaScript">
<!--//Copyright (C) WEST MiRa http://www.west-mira.jp
function omikuji()
{location.href=Math.floor(Math.random()*10)+".html";}
//-->
</script>
</head>
<body>
<form>
<input type="button" value="御神籤" onClick="omikuji();">
</form><br>
・
・
・
</body></html>
[ 解説 ]
下から5行目がおみくじボタンです。
お好きな場所に配置して下さい。
「御神籤」と書いてある場所には、ボタンに表示させたいお好きな文字を書いて下さい。
|