テーブルの色変化
 


 
マウスで触れると色が変わるテーブルを作ろう♪
 
−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
 
◆◆ テーブル全体の色を変えよう!
 
マウスで触れると
水色のテーブルに!

 
<table> に入れてね!
 

 
−−−
 
◆◆ 一つのセルだけ色を変えよう!
 
マウスで触れると
ここがピンクに!
こっちは変化なしだね〜

 
今度は、色を変えたい方の <td> に入れてね!
 

 
−−−
 
◆◆ 一行全部の色を変えよう!
 
マウスで触れると
ここがピンクに!
ここもピンク!ここもピンク!
ここは変化なし。ここは変化なし。ここは変化なし。

 
今度は、色を変えたい行の <tr> に入れてね!
 

 
−−−
 
◆◆ 触れる前と触れたあとの色を変えよう!
 
触れる前は白 → 触れると赤 → 触れたあとは黄色

 
特に、説明もいらないっちゃいらないんですが(^^;
 
もともとのテーブルの背景色と、 onmouseout="this.style.backgroundColor='色'" の部分を
違う色にするだけでございます(笑)
 
−−−
 
◆◆ セルの色、全部色違いにしちゃおう(笑)
 
赤くなれー!
青くなれー!
オレンジになれー!
黄緑になれー!
紫になれー!

 
こんなことも出来なくはない。
↑は色がめちゃめちゃなのでキタナイですが
もっと素敵に配色するとキレイです(笑)