新手求助!表格当鼠标移入到某行的时候这行的颜色变成深蓝色，鼠标移开又回到原来的颜色

当鼠标移入到某行的时候这行的颜色变成深蓝色，鼠标移开又回到原来的颜色:
求各位高手帮帮我!

解决方案 »

  1.   


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE>
      <script>
      function test1(obj){
    obj.style.cssText  = "background:blue";
      }  function test2(obj){
    obj.style.cssText  = "";
      }
      </script>
     </HEAD> <BODY>
      <div onmouseover="test1(this)" onmouseout="test2(this)">aaaaaaaaaa</div>
      <div onmouseover="test1(this)" onmouseout="test2(this)">bbbbbbbbbb</div>
      <div onmouseover="test1(this)" onmouseout="test2(this)">cccccccccc</div>
      <div onmouseover="test1(this)" onmouseout="test2(this)">dddddddddd</div>
      <div onmouseover="test1(this)" onmouseout="test2(this)">eeeeeeeeee</div>
     </BODY>
    </HTML>这样子可以吗？
      

  2.   

    不过现在一般都是把css样式先规定好，然后通过js来改变className的值，从而改变所要操作对象的样式。
      

  3.   

    jquery 更简单一些可以服用:$(document).ready(function(){
        $(".test").mouseover(function(){
        $(this).addClass("blue").siblings().removeClass("blue");
    }).mouseout(function(){
        $(this).removeClass("blue")
    });
    });css:.test{
    width:200px;
    height:30px;
    border:1px solid blue;
    }
    .blue{
    background:blue;
    }html:<div id="all">
       <div class="test">111</div>
       <div class="test">222</div>
       <div class="test">333</div>
       <div class="test">444</div>
       <div class="test">555</div>
       <div class="test">666</div>
       <div class="test">777</div>
    </div>