WEST MiRa(1,739 Byte)
JavaScript(1,601 Byte)

■ JavaScript - サンプル集(257種類) - 背景
   - 背景色をランダムに変えるVer2(テーブル)

ボタンを押すと、ランダムにテーブルの背景色が変わっていくスクリプトです。
ただし、IE5以降、NN6以降限定です。

サンプルを見る
ソースを保存する
(右クリック→「対象をファイルに保存」or「リンクを名前を付けて保存」して下さい。)
ソースを見る
解説を見る





[ ソース ]

<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">

<script language="JavaScript">
<!--//Copyright (C) WEST MiRa http://www.west-mira.jp

	my_color=new Array();

	//使用したい背景色を指定する
	my_color[0]="#ffffff";
	my_color[1]="#a52a2a";
	my_color[2]="#6495ed";
	my_color[3]="#daa520";
	my_color[4]="#6b8e23";

	function my_bgcolor()
		{
		a=Math.floor(Math.random()*my_color.length);
		if((document.getElementById) && (!document.all))
			document.getElementById("lay0").style.backgroundColor=my_color[a];
		else if(document.all)
			document.all("lay0").style.backgroundColor=my_color[a];
		}

//-->
</script>

</head>

<body>

<table border="1" id="lay0" style="position:relative;visibility:visible;">
<tr>
<td>
WEST MiRaのトップページです。<br>全コンテンツに繋がっています。<br>
</td>
<td>
JavaScriptのトップページです。<br>基礎講座とサンプル集があります。<br>
</td>
</tr>
</table>

<form><input type="button" onClick="my_bgcolor();" value="click!"></form>
 ・
 ・
 ・

</body></html>


[ 解説 ]

上から6〜12行目までが、色の設定です。
お好きなようにご変更下さい。

テーブル内のセル数などは、お好きなようにカスタマイズしてください。
大きさやセル間の間隔も、ごく普通にご変更下さい。

ただし1行目の
<table border="1" id="lay0" style="position:relative;visibility:visible;">
赤字部分は変更しないでください。


バナー、リンクについて  ,   利用規約  ,   ヘルプ

Copyright (C) 1998-2007 WEST MiRa. All rights reserved.