オンマウスで表の背景色をかえる
表示の例
「5・6年生にもわかるやさしいJavaScript」へ!
リンク文字にマウスポインタをのせた時に、表の背景色がかわります。
ソースは下のようになります。
表示させたい場所のHTMLソースに貼り付けましょう。
(必ず一度メモ帳などに貼り付けてから、あなたのページのHTMLソースに貼り付けてください)
ソース
<table border="1" bordercolor="#3366FF" cellpadding="15" cellspacing="0" bgcolor="#FFFFFF" id="myTb">
<tr>
<td align="center">
<a href="http://www.sky.sannet.ne.jp/masapine/java_top.html" onMouseOver="document.all['myTb'].style.background='#CCCCFF'" onMouseOut="document.all['myTb'].style.background='#FFFFFF'">「5・6年生にもわかるやさしいJavaScript」へ!</a></td>
</tr>
</table>
onMouseOver="document.all['myTb'].style.background='#CCCCFF'" の #CCCCFF を、マウスポインタがのった時にかわる背景の色にかえてください。
onMouseOut="document.all['myTb'].style.background='#FFFFFF'" の #FFFFFF を、マウスポインタがはなれた時にかわる背景の色にかえてください。
表は下をご参考にあなたのお好みにかえてみましょう。
罫線のサイズ border="1" の 1
罫線の色 bordercolor="#3366FF" の #3366FF
セル内のスペース cellpadding="15" の 15
セル間のスペース cellspacing="0" の 0
最初の背景色 bgcolor="#FFFFFF" の #FFFFFF
ホームページお役立ち小技集のTOPへ