うさのJavaScript講座 - Blog館 - | ブログにもJavaScriptを♪ おみくじ編

日	月	火	水	木	金	土
					1	2
3	4	5	6	7	8	9
10	11	12	13	14	15	16
17	18	19	20	21	22	23
24	25	26	27	28	29	30

こんにちは。

ブログでももちろんJavaScriptが使えるということで、サンプル集の一部からブログに貼り付けてお送りします。
今回は本日サンプルを復旧させましたサンプルの中から、ここにおみくじをはってみました。サンプルでは投函本文にありますが、左や右のブログパーツ部分にいかがでしょうか？Script内部は配列になっていますのでいくつでも画像を準備していただけます。
おためしあれ♪

ソースはこちら↓

<script language="javascript">
<!--
//------------------------------------------------------------
//javascript by ＠うさ http://usagi-js.com/
//------------------------------------------------------------
function CalStart()
{
	//画像を用意していれておきます。
	var arrImage = new Array("http://usagi-js.com/sample/images/omikuji/daikichi.gif",
			"http://usagi-js.com/sample/images/omikuji/kichi.gif",
			"http://usagi-js.com/sample/images/omikuji/chuukichi.gif")
	//処理スタート
	nTemp = Math.round(Math.random()*(arrImage.length - 1));
	document.getElementById('imageOmikuji').src = arrImage[nTemp];
}
//-->
</script>
<!--以下HTML部です-->
<INPUT type="button" name="buttonOmikuji" value="ぽちっ" onClick="javascript:CalStart()"><br>
<img src="http://usagi-js.com/sample/images/omikuji/blank.gif" name="imageOmikuji" border="0">

別ページにサンプルを張っておりましたが、ブログ本文に戻しました。(10/03)

うさのJavaScript講座 - Blog館 -

このサイトでは「うさのJavaScript講座」の情報やブログにも使えるJavaScriptサンプルをお届けしています♪

Calendar

うさゾン [うさ+Amazon]

Links

Category Archives

Archives

ブログにもJavaScriptを♪ おみくじ編

タグ:

trackbacks

comments

comment form

Recent Entries

Feed

Inside
うさのJavaScript講座

Powered by

copyright (c) ＠うさ