|
ランダムメッセージ
| ランダムメッセージ | 別窓でランダムリンク | アラートでおみくじ |
■ランダムメッセージ
表示するたびにランダムにメッセージ（文字）が変わるジャバスクリプトです。
<body>〜</body>間の、表示させたい部分に記述してください。
<html>
<head>
<title> </title>
</head>
<body>
☆この間の表示させたい部分に☆
</body>
</html>
■別窓でランダムリンク
ボタンをクリックすると別窓にてランダムにリンク先が表示されるジャバスクリプトです。
<body>〜</body>間の、表示させたい部分に記述してください。
<html>
<head>
<title> </title>
☆プログラム１をこの部分に記述します☆
</head>
<body>
☆ボタンはこの間の表示させたい部分に☆
</body>
</html>
| プログラム１ |
<script language="JavaScript">
<!--
link = new Array( 5
);
link[0] = "a.html";
link[1] = "b.html";
link[2] = "c.html";
link[3] = "d.html";
link[4] = "e.html";
function WinOpen() {
rand = Math.floor( Math.random() * 5
);
window.open( link[rand], "omikuji" )
}
//-->
</script>
|
| プログラム１ 解説 |
link[数字] = "リンク先.html";
でランダムに表示するページを好きなだけ増減できます。link[数字] の数字の部分は必ず [0]から始めてください。
5 はページの総数です。増減した場合は直してくださいね。 |
| ボタン 表示 |
ボタン 記述 |
|
<form>
<input type="button" value="おみくじ♪"
onClick="WinOpen();">
</form> |
■アラートでおみくじ
クリックするたびにランダムにアラート内のメッセージ（文字）が変わるジャバスクリプトです。
<body>〜</body>間の、表示させたい部分に記述してください。
<html>
<head>
<title> </title>
</head>
<body>
☆この間の表示させたい部分に☆
</body>
</html>
| 表示 |
記述 |
ボタンで表示
|
<script language="JavaScript">
<!--
function omikuji(){
mes=new Array(5);
mes[0]="大吉";
mes[1]="中吉";
mes[2]="小吉";
mes[3]="凶";
mes[4]="大凶";
mymes=Math.floor(5*Math.random());
alert(mes[mymes]);
}
//-->
</script>
<form>
<input type="button" value="おみくじ"
onClick="omikuji()">
</form> |
文字で表示
クリック♪
|
<script language="JavaScript">
<!--
function omikuji(){
mes=new Array(5);
mes[0]="大吉";
mes[1]="中吉";
mes[2]="小吉";
mes[3]="凶";
mes[4]="大凶";
mymes=Math.floor(5*Math.random());
alert(mes[mymes]);
}
//-->
</script>
<a href="#" onClick="JavaScript:omikuji();return
false">クリック♪</a> |
画像で表示
|
<script language="JavaScript">
<!--
function omikuji(){
mes=new Array(5);
mes[0]="大吉";
mes[1]="中吉";
mes[2]="小吉";
mes[3]="凶";
mes[4]="大凶";
mymes=Math.floor(5*Math.random());
alert(mes[mymes]);
}
//-->
</script>
<a href="#" onClick="JavaScript:omikuji();return
false"><img border="0" src="表示させたい画像"
width="画像の横幅" height="画像の縦幅"
alt="クリック♪"></a>
←この場合は・・・
<script language="JavaScript">
<!--
function omikuji(){
mes=new Array(5);
mes[0]="大吉";
mes[1]="中吉";
mes[2]="小吉";
mes[3]="凶";
mes[4]="大凶";
mymes=Math.floor(5*Math.random());
alert(mes[mymes]);
}
//-->
</script>
<a href="#" onClick="JavaScript:omikuji();return
false"><img border="0" src="banner.gif"
width="88" height="31" alt="クリック♪"></a> |
| 解説 |
メッセージ数は mes[数]="文字";
で好きなだけ増やせます。このとき mes[数]
は必ず 0 から始めてください。
"大吉"; 等の文字部分は自由に変更できますがタグは使えません。改行は「\n」になります。
mes=new Array(5);
の数字部分には項目の総数を。増減したら必ず変更してくださいね。
|
|
ホームページのデザインテンプレートをダウンロードできるサイト
タグの簡易テスト（別窓） 
