背景色をボタンで変更できるJavaScript

★ボタンを押すと背景色が変化します。
★壁紙をしていている時は無意味です。

<HEAD></HEAD>間に記述するソース

<SCRIPT LANGUAGE="JavaScript">
<!--
function setcolor(hex) {
	document.bgColor = "#" + hex;
}
// -->
</SCRIPT>

表示したいところに張るソース

<FORM>
<INPUT TYPE="button" VALUE="黒" onClick="setcolor('000000')">
<INPUT TYPE="button" VALUE="青" onClick="setcolor('0000FF')">
<INPUT TYPE="button" VALUE="赤" onClick="setcolor('FF0000')">
<INPUT TYPE="button" VALUE="紫" onClick="setcolor('FF00FF')">
<INPUT TYPE="button" VALUE="緑" onClick="setcolor('00FF00')">
<INPUT TYPE="button" VALUE="水色" onClick="setcolor('00FFFF')">
<INPUT TYPE="button" VALUE="黄色" onClick="setcolor('FFFF00')">
<INPUT TYPE="button" VALUE="白" onClick="setcolor('FFFFFF')">
</FORM>

ホームへ戻る