背景を替える
これはフリーソフトではないのですが、面白いな〜と思ったのでここに載せます。
背景画像を替える
背景画像左＝off 右＝on
<IMG align=right title=$BK\$@$$$9$-(B style="CURSOR: hand"
onclick="document.body.background = 'on.gif'" height=31
src="on.gif" border=1>
<IMG align=right
title=$BK\$@$$$9$-(B style="CURSOR: hand" onclick="document.body.background = ''"
height=31 src="off.gif"border=1>
背景色を替える
下の色のボタンを
クリックすると背景色が変わります
<P style="MARGIN-TOP: 0px; MARGIN-BOTTOM: 0px; LINE-HEIGHT:
110%"
align=right><FONT color=black size=1>
<INPUT
style="BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid;
BORDER-LEFT: #ffffff 1px solid; BORDER-BOTTOM:
#ffffff 1px solid; BACKGROUND-COLOR: #ffffff;font-size: 4px"
onclick="document.bgColor='#ffffff'" type=button value= >
<INPUT style=" BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP:
#cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; BORDER-BOTTOM:
#cccccc 1px solid;BACKGROUND-COLOR: #cccccc;font-size: 4px"
onclick="document.bgColor='#CCCCCC'" type=button value= >
<INPUT style="BORDER-RIGHT: #999999 1px solid; BORDER-TOP:
#999999 1px solid; BORDER-LEFT: #999999 1px solid; BORDER-BOTTOM:
#999999 1px solid; BACKGROUND-COLOR: #999999;font-size: 4px"
onclick="document.bgColor='#999999'" type=button value= >
<INPUT style="BORDER-RIGHT: black 1px solid; BORDER-TOP:
black 1px solid; BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black
1px solid; BACKGROUND-COLOR: black;font-size: 4px"
onclick="document.bgColor='black'" type=button value= >
<INPUT style="BORDER-RIGHT: #ff99ff 1px solid; BORDER-TOP:
#ff99ff 1px solid; BORDER-LEFT: #ff99ff 1px solid; BORDER-BOTTOM:
#ff99ff 1px solid; BACKGROUND-COLOR: #ff99ff;font-size: 4px"
onclick="document.bgColor='#ff99ff'" type=button value= >
<INPUT style="BORDER-RIGHT: #ff3399 1px solid; BORDER-TOP:
#ff3399 1px solid; BORDER-LEFT: #ff3399 1px solid; BORDER-BOTTOM:
#ff3399 1px solid; BACKGROUND-COLOR: #ff3399;font-size: 4px"
onclick="document.bgColor='#ff3399'" type=button value= >
<INPUT style="BORDER-RIGHT: #ff0000 1px solid; BORDER-TOP:
#ff0000 1px solid; BORDER-LEFT: #ff0000 1px solid; BORDER-BOTTOM:
#ff0000 1px solid; BACKGROUND-COLOR: #ff0000;font-size: 4px"
onclick="document.bgColor='#ff0000'" type=button value= >
<INPUT style="BORDER-RIGHT: #ff9900 1px solid; BORDER-TOP:
#ff9900 1px solid; BORDER-LEFT: #ff9900 1px solid; BORDER-BOTTOM:
#ff9900 1px solid; BACKGROUND-COLOR: #ff9900;font-size: 4px"
onclick="document.bgColor='#ff9900'" type=button value= >
<INPUT style="BORDER-RIGHT: #ffff00 1px solid; BORDER-TOP:
#ffff00 1px solid; BORDER-LEFT: #ffff00 1px solid; BORDER-BOTTOM:
#ffff00 1px solid; BACKGROUND-COLOR: #ffff00;font-size: 4px"
onclick="document.bgColor='#ffff00'" type=button value= >
<INPUT style="BORDER-RIGHT: #ffff99 1px solid; BORDER-TOP:
#ffff99 1px solid; BORDER-LEFT: #ffff99 1px solid; BORDER-BOTTOM:
#ffff99 1px solid; BACKGROUND-COLOR: #ffff99;font-size: 4px"
onclick="document.bgColor='#ffff99'" type=button value= >
<INPUT style="BORDER-RIGHT: #99cc00 1px solid; BORDER-TOP:
#99cc00 1px solid; BORDER-LEFT: #99cc00 1px solid; BORDER-BOTTOM:
#99cc00 1px solid; BACKGROUND-COLOR: #99cc00;font-size: 4px"
onclick="document.bgColor='#99cc00'" type=button value= >
<INPUT style="BORDER-RIGHT: #669900 1px solid; BORDER-TOP:
#669900 1px solid; BORDER-LEFT: #669900 1px solid; BORDER-BOTTOM:
#669900 1px solid; BACKGROUND-COLOR: #669900;font-size: 4px"
onclick="document.bgColor='#669900'" type=button value= >
<INPUT style="BORDER-RIGHT: #99ffff 1px solid; BORDER-TOP:
#99ffff 1px solid; BORDER-LEFT: #99ffff 1px solid; BORDER-BOTTOM:
#99ffff 1px solid; BACKGROUND-COLOR: #99ffff;font-size: 4px"
onclick="document.bgColor='#99ffff'" type=button value= >
<INPUT style="BORDER-RIGHT: #00ccff 1px solid; BORDER-TOP:
#00ccff 1px solid; BORDER-LEFT: #00ccff 1px solid; BORDER-BOTTOM:
#00ccff 1px solid; BACKGROUND-COLOR: #00ccff;font-size: 4px"
onclick="document.bgColor='#00ccff'" type=button value= >
<INPUT style="BORDER-RIGHT: #0099ff 1px solid; BORDER-TOP:
#0099ff 1px solid; BORDER-LEFT: #0099ff 1px solid; BORDER-BOTTOM:
#0099ff 1px solid; BACKGROUND-COLOR: #0099ff;font-size: 4px"
onclick="document.bgColor='#0099ff'" type=button value= >
<INPUT style="BORDER-RIGHT: #3300cc 1px solid; BORDER-TOP:
#3300cc 1px solid; BORDER-LEFT: #3300cc 1px solid; BORDER-BOTTOM:
#3300cc 1px solid; BACKGROUND-COLOR: #3300cc;font-size: 4px"
onclick="document.bgColor='#3300cc'" type=button value= >
<INPUT style="BORDER-RIGHT: #9900cc 1px solid; BORDER-TOP:
#9900cc 1px solid; BORDER-LEFT: #9900cc 1px solid; BORDER-BOTTOM:
#9900cc 1px solid; BACKGROUND-COLOR: #9900cc;font-size: 4px"
onclick="document.bgColor='#9900cc'" type=button value= >
<INPUT style="BORDER-RIGHT: #cc6666 1px solid; BORDER-TOP:
#cc6666 1px solid; BORDER-LEFT: #cc6666 1px solid; BORDER-BOTTOM:
#cc6666 1px solid; BACKGROUND-COLOR: #cc6666;font-size: 4px"
onclick="document.bgColor='#cc6666'" type=button value= >
<INPUT style="BORDER-RIGHT: #d8a36f 1px solid; BORDER-TOP:
#d8a36f 1px solid; BORDER-LEFT: #d8a36f 1px solid; BORDER-BOTTOM:
#d8a36f 1px solid; BACKGROUND-COLOR: #d8a36f;font-size: 4px"
onclick="document.bgColor='#d8a36f'" type=button value= >
<INPUT style="BORDER-RIGHT: #ffeecc 1px solid; BORDER-TOP:
#ffeecc 1px solid; BORDER-LEFT: #ffeecc 1px solid; BORDER-BOTTOM:
#ffeecc 1px solid; BACKGROUND-COLOR: #ffeecc;font-size: 4px"
onclick="document.bgColor='#ffeecc'" type=button value= >
</FONT></P>
もうひとつの方法
<table cellSpacing=4 cellPadding=0
align=right>
<tbody>
<tr>
<td width=9 height=9 style="CURSOR: hand;"
onclick="document.bgColor = '#ffffff'"
bgColor=#ffffff></td>
<td width=9 height=9
style="CURSOR: hand;" onclick="document.bgColor = '#aaaaaa'"
bgColor=#aaaaaa></td>
<td width=9 height=9
style="CURSOR: hand;" onclick="document.bgColor = '#555555'"
bgColor=#555555></td>
<td width=9 height=9
style="CURSOR: hand;" onclick="document.bgColor = '#000000'"
bgColor=#000000></td>
<td width=9 height=9
style="CURSOR: hand;" onclick="document.bgColor = '#ffdddd'"
bgColor=#ffdddd></td>
<td width=9 height=9
style="CURSOR: hand;" onclick="document.bgColor = '#ffeedd'"
bgColor=#ffeedd></td>
<td width=9 height=9
style="CURSOR: hand;" onclick="document.bgColor = '#ffffdd'"
bgColor=#ffffdd></td>
<td width=9 height=9
style="CURSOR: hand;" onclick="document.bgColor = '#eeffdd'"
bgColor=#eeffdd></td>
<td width=9 height=9
style="CURSOR: hand;" onclick="document.bgColor = '#ddffdd'"
bgColor=#ddffdd></td>
<td width=9 height=9
style="CURSOR: hand;" onclick="document.bgColor = '#ddffee'"
bgColor=#ddffee></td>
<td width=9 height=9
style="CURSOR: hand;" onclick="document.bgColor = '#ddffff'"
bgColor=#ddffff></td>
<td width=9 height=9
style="CURSOR: hand;" onclick="document.bgColor = '#ddeeff'"
bgColor=#ddeeff></td>
<td width=9 height=9
style="CURSOR: hand;" onclick="document.bgColor = '#ddddff'"
bgColor=#ddddff></td>
<td width=9 height=9
style="CURSOR: hand;" onclick="document.bgColor = '#eeddff'"
bgColor=#eeddff></td>
<td width=9 height=9
style="CURSOR: hand;" onclick="document.bgColor = '#ffddff'"
bgColor=#ffddff></td>
<td width=9 height=9
style="CURSOR: hand;" onclick="document.bgColor = '#ffddee'"
bgColor=#ffddee></td>
<td width=9 height=9
style="CURSOR: hand;" onclick="document.bgColor = '#ff9999'"
bgColor=#ff9999></td>
<td width=9 height=9
style="CURSOR: hand;" onclick="document.bgColor = '#ffc499'"
bgColor=#ffc499></td>
<td width=9 height=9
style="CURSOR: hand;" onclick="document.bgColor = '#ffff99'"
bgColor=#ffff99></td>
<td width=9 height=9
style="CURSOR: hand;" onclick="document.bgColor = '#c4ff99'"
bgColor=#c4ff99></td>
<td width=9 height=9
style="CURSOR: hand;" onclick="document.bgColor = '#99ff99'"
bgColor=#99ff99></td>
<td width=9 height=9
style="CURSOR: hand;" onclick="document.bgColor = '#99ffc4'"
bgColor=#99ffc4></td>
<td width=9 height=9
style="CURSOR: hand;" onclick="document.bgColor = '#99ffff'"
bgColor=#99ffff></td>
<td width=9 height=9
style="CURSOR: hand;" onclick="document.bgColor = '#99c4ff'"
bgColor=#99c4ff></td>
<td width=9 height=9
style="CURSOR: hand;" onclick="document.bgColor = '#9999ff'"
bgColor=#9999ff></td>
<td width=9 height=9
style="CURSOR: hand;" onclick="document.bgColor = '#c499ff'"
bgColor=#c499ff></td>
<td width=9 height=9
style="CURSOR: hand;" onclick="document.bgColor = '#ff99ff'"
bgColor=#ff99ff></td>
<td width=9 height=9
style="CURSOR: hand;" onclick="document.bgColor = '#ff99c4'"
bgColor=#ff99c4></td>
<td width=9 height=9
style="CURSOR: hand;" onclick="document.bgColor = '#bb4444'"
bgColor=#bb4444></td>
<td width=9 height=9
style="CURSOR: hand;" onclick="document.bgColor = '#bb9944'"
bgColor=#bb9944></td>
<td width=9 height=9
style="CURSOR: hand;" onclick="document.bgColor = '#bbbb44'"
bgColor=#bbbb44></td>
<td width=9 height=9
style="CURSOR: hand;" onclick="document.bgColor = '#90bb44'"
bgColor=#90bb44></td>
<td width=9 height=9
style="CURSOR: hand;" onclick="document.bgColor = '#44bb44'"
bgColor=#44bb44></td>
<td width=9 height=9
style="CURSOR: hand;" onclick="document.bgColor = '#44bb90'"
bgColor=#44bb90></td>
<td width=9 height=9
style="CURSOR: hand;" onclick="document.bgColor = '#44bbbb'"
bgColor=#44bbbb></td>
<td width=9 height=9
style="CURSOR: hand;" onclick="document.bgColor = '#4490bb'"
bgColor=#4490bb></td>
<td width=9 height=9
style="CURSOR: hand;" onclick="document.bgColor = '#4444bb'"
bgColor=#4444bb></td>
<td width=9 height=9
style="CURSOR: hand;" onclick="document.bgColor = '#9044bb'"
bgColor=#9044bb></td>
<td width=9 height=9
style="CURSOR: hand;" onclick="document.bgColor = '#bb44bb'"
bgColor=#bb44bb></td>
<td width=9 height=9
style="CURSOR: hand;" onclick="document.bgColor = '#bb4490'"
bgColor=#bb4490></td>
<td width=9 height=9
style="CURSOR: hand;" onclick="document.bgColor = '#d8a36f'"
bgColor=#d8a36f></td>
<td width=9 height=9
style="CURSOR: hand;" onclick="document.bgColor = '#ffeecc'"
bgColor=#ffeecc></td>
</tr></tbody></table>
面白いんだけれど、あまり使い道がないのが難点・・・。