リンク文字列にマウス・オンで背景色を変える      
Sample  下のリンク文字列にマウス・オンしてみてください。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20

ソース
<HTML>
<BODY>
<font size=4>
<A HREF="" ONMOUSEOVER ="document.bgColor='silver'">1</a>
<A HREF="" ONMOUSEOVER ="document.bgColor='lightslategray'">2</a>
<A HREF="" ONMOUSEOVER ="document.bgColor='yellow'">3</a>
<A HREF="" ONMOUSEOVER ="document.bgColor='lightgreen'">4</a>
<A HREF="" ONMOUSEOVER ="document.bgColor='lightblue'">5</a>
<A HREF="" ONMOUSEOVER ="document.bgColor='black'">6</a>
<A HREF="" ONMOUSEOVER ="document.bgColor='lightslategray'">7</a>
<A HREF="" ONMOUSEOVER ="document.bgColor='azure'">8</a>
<A HREF="" ONMOUSEOVER ="document.bgColor='lightgreen'">9</a> 
<A HREF="" ONMOUSEOVER ="document.bgColor='lightblue'">10</a>
<A HREF="" ONMOUSEOVER ="document.bgColor='white'">11</a>
<A HREF="" ONMOUSEOVER ="document.bgColor='silver'">12</a>
<A HREF="" ONMOUSEOVER ="document.bgColor='lightslategray'">13</a> 
<A HREF="" ONMOUSEOVER ="document.bgColor='azure'">14</a>
<A HREF="" ONMOUSEOVER ="document.bgColor='lightgreen'">15</a>
<A HREF="" ONMOUSEOVER ="document.bgColor='lightblue'">16</a>
<A HREF="" ONMOUSEOVER ="document.bgColor='yellow'">17</a>
<A HREF="" ONMOUSEOVER ="document.bgColor='lightslategray'">18</a>
<A HREF="" ONMOUSEOVER ="document.bgColor='azure'">19</a>
<A HREF="" ONMOUSEOVER ="document.bgColor='lightgreen'">20</a>
</font>
</BODY>
</HTML>
ワンポイント解説
A HREF="" ONMOUSEOVER = で、マウスがONした時に、背景色を変えています。