js互換標準テーブルカラーエフェクト_javascriptスキル

nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

* { margin:0; パディング:0; font-size:14px }
body { text-align:center;} #btn { list-style:none inside; 幅:210ピクセル; マージン:10px 自動; クリア:両方; }
#btn li { float:left; 幅:100ピクセル; line-height:20px } #btn li a{ display:block; テキスト装飾:なし; color:#333333}
#gray { background:#f5f5f5; カーソル: ポインター }

#green { background:#D7ECDE; カーソル:ポインタ }
テーブル { border-collapse:collapse; 幅:70%; margin:10px auto }
• td { line-height:100%; 高さ:24ピクセル; 行の高さ:24px; padding:0 4px } td a { text-decoration:none; 色:#333; 表示:ブロック; } #tab_gray td { border:1px solid #B9B9B9; 背景: #F2F2F2; }
#tab_green td { border:1px solid #95CCA7; 背景:#EBF5EE; }
#tab_gray td:hover, #tab_green td:hover { background:#fff; }

    
        
        
        
    
    
        
        
        
    
    
        
        
        
    

Table	Table	Table
hello	hello	hello
hello	hello	hello

グレー

<script> <BR>function green(){ <BR>document.getElementById("tab_gray").id="tab_green"; <BR>} <BR>function gray(){ <BR>document.getElementById("tab_green").id="tab_gray"; <BR>} <BR></script>緑

テーブル	テーブル	テーブル
こんにちは	こんにちは	こんにちは
こんにちは	こんにちは	こんにちは