Java-Script

　マウス・オンで背景色を変える 　　　　　

Sample

GREEN	RED	MAGENTA	PINK	PURPLE	NAVY
BLUE	DARKCYAN	BROWN	CORAL	ALMOND	ORANGE

上の文字列にマウスをオンしてください。

ソース

<HTML>
<HEAD>
<TITLE>Java-Script</TITLE>
</HEAD>
<BODY Link=white VLINK=white>
<CENTER>
<table border=0 cellpadding=2>
<tr>
<td align=center bgcolor=green>
<a href="#" onmouseover="document.bgColor='green'" 
onmouseout="document.bgColor='white'">GREEN</a></td>
<td align=center bgcolor=red>
<a href="#" onmouseover="document.bgColor='red'" 
onmouseout="document.bgColor='white'">RED</a></td>
<td align=center bgcolor=magenta>
<a href="#" onmouseover="document.bgColor='magenta'" 
onmouseout="document.bgColor='white'">MAGENTA</a></td>
<td align=center bgcolor=pink>
<a href="#" onmouseover="document.bgColor='pink'" 
onmouseout="document.bgColor='white'">PINK</a></td>
<td align=center bgcolor=purple>
<a href="#" onmouseover="document.bgColor='purple'" 
onmouseout="document.bgColor='white'">PURPLE</a></td>
<td align=center bgcolor=navy>
<a href="#" onmouseover="document.bgColor='navy'" 
onmouseout="document.bgColor='white'">NAVY</a></td>
</tr>
<tr>
<td align=center bgcolor=blue>
<a href="#" onmouseover="document.bgColor='blue'" 
onmouseout="document.bgColor='white'">BLUE</a></td>
<td align=center bgcolor=darkcyan>
<a href="#" onmouseover="document.bgColor='darkcyan'" 
onmouseout="document.bgColor='white'">DARKCYAN</a></td>
<td align=center bgcolor=brown>
<a href="#" onmouseover="document.bgColor='brown'" 
onmouseout="document.bgColor='white'">BROWN</a></td>
<td align=center bgcolor=coral>
<a href="#" onmouseover="document.bgColor='coral'" 
onmouseout="document.bgColor='white'">CORAL</a></td>
<td align=center bgcolor=almond>
<a href="#" onmouseover="document.bgColor='almond'" 
onmouseout="document.bgColor='white'">ALMOND</a></td>
<td align=center bgcolor=orange>
<a href="#" onmouseover="document.bgColor='orange'" 
onmouseout="document.bgColor='white'">ORANGE</a></td>
</tr>
</table>
<font color=blue size=2>上の文字列にマウスをオンしてください。</font>
</CENTER>
</BODY>
</HTML>

ワンポイント解説

onmouseover=　が、マウスがオンした時の処理で、
onmouseout=　が、マウスがはずれた時の処理です。