请教一个如何改变背景颜色的问题

<tr onmouseover='this.style.backgroundColor ="pink"' onmouseout='this.style.backgroundColor ="white"'>

解决方案 »

  1.   

    欧还是光顾十分帖吧meizz他们太厉害了
      

  2.   

    给你一个例子，自己慢慢看吧
    -------------------------------------------------------------------------------------
    <html><head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>如何定义表格的鼠标隔列变色行为</title>
    <style>
    body {
    font: normal 12px auto "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    color: #4f6b72;
    background: #E6EAE9;
    }
    .mytable {
    width: 80%;
    padding: 0;
    margin: 0;
    }.mytable td {
    border-bottom: 1px solid #C1DAD7;
    background: #fff;
    font-size:12px;
    padding: 6px 6px 6px 0px;
    align:center;
    color: #4f6b72;
    }
    td.alt {
    background: #F5FAFA;
    text-align:center;
    color: #797268;
    }td.baialt {
    background: #FFFFFF;
    text-align:center;
    color: #000;
    }td.spec {
    border-top: 0;
    background: #fff ;
    text-align:center;
    font: 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    }td.specalt {
    border-top: 0;
    background: #f5fafa ;
    text-align:center;
    font: 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    color: #797268;
    }
    </style>
    </head>
    <script language="javascript">
    var tds;
    window.onload=function(){
    var trs=table1.getElementsByTagName("tr")
    for(var i=0;i<trs.length;i++){
    trs[i].onmouseover=function(){
    senfe(this);
    }
    trs[i].onmouseout=function(){
    senfe(this);
    }
    }
    }
    function senfe(sid){
    tds=sid.getElementsByTagName("td");
    for(var j=0;j<tds.length;j++){
    if(tds[j].className=='alt'){
    tds[j].className="baialt";
    }else{
    tds[j].className="alt";
    }
    }
    }
    </script>
    <body>   <div align="center">   <table class=mytable cellspacing="0" id="table1">
    <tr>
    <td class="alt" height="45"></td>
    <td class="baialt" height="45"></td>
    <td class="alt" height="45"></td>
    <td class="baialt" height="45"></td>
    <td class="alt" height="45"></td>
    </tr>
    <tr>
    <td class="alt" height="45"></td>
    <td class="baialt" height="45"></td>
    <td class="alt" height="45"></td>
    <td class="baialt" height="45"></td>
    <td class="alt" height="45"></td>
    </tr>
    <tr>
    <td class="alt" height="45"></td>
    <td class="baialt" height="45"></td>
    <td class="alt" height="45"></td>
    <td class="baialt" height="45"></td>
    <td class="alt" height="45"></td>
    </tr>
    <tr>
    <td class="alt" height="45"></td>
    <td class="baialt" height="45"></td>
    <td class="alt" height="45"></td>
    <td class="baialt" height="45"></td>
    <td class="alt" height="45"></td>
    </tr>
      </table>
      
    </div>
      <p align="center">当鼠标经过时希望实现隔列变色（最好是反色） ，效果示例如下：</p>
    <div align="center">
      <table class=mytable cellspacing="0" id="table2">
    <tr align="center">
    <td class="baialt" height="45"></td>
    <td class="alt" height="45"></td>
    <td class="baialt" height="45"></td>
    <td class="alt" height="45"></td>
    <td class="baialt" height="45"></td>
    </tr>
      </table>
      
    </div>
      
    </body></html>