気分次第で背景の色変えボタン
背景色をボタンで変更。
【目次に戻る】
● 設置例
ボタンを押すと背景色が変更されます。
素材屋さんの背景などに使えそうです。

●ソース
１・JavaScript
<script type="text/javascript">
<!--
function brack(){
	document.bgColor="#000000"
}
function white(){
	document.bgColor="#ffffff"
}
function blue(){
	document.bgColor="#6633ff"
}
function red(){
	document.bgColor="#ff6666"
}
function yellow(){
	document.bgColor="#ffff66"
}
//-->
</script>


２・フォーム 

<form name="c_change">

<input type="button" value="白い背景" onClick="white()">

<input type="button" value="黒い背景" onClick="brack()">

<input type="button" value="青い背景" onClick="blue()">

<input type="button" value="赤い背景" onClick="red()">

<input type="button" value="黄色い背景" onClick="yellow()">

</form>

●設置方法
上記の１・JavaScriptをHTMLソース内<head>〜</head>に、
２・フォームを<body>〜</body>に貼り付けてください。

●ボタンを増やしたいとき

function 関数名(){
document.bgColor="色の番号"
}

<input type="button" value="ボタンに書く文字" onClick="関数名()">

を、それぞれ<SCRIPT>内、<FORM>内に追加してください。

【目次に戻る】