表格隔行变色

  
  
  



  

    

    

      
序号
      
姓名
      
课程
      
成绩
    
    
    

    

      

        1
      
      
柳岩
      
语文
      
100

    
    

      

        2
      
      
苍老师
      
日语
      
100
    
    

      

        3
      
      
凤姐
      
营销学
      
100
    
    

      

        4
      
      
芙蓉姐姐
      
数学
      
10
    
    

      

        5
      
      
佐助
      
英语
      
100
    
    

      

        6
      
      
卡卡西
      
体育
      
100
    
    

      

        7
      
      
乔峰
      
体育
      
100
    
    
  

  //先获取所有的行
  var trs = my$("j_tb").getElementsByTagName("tr");
  for (var i = 0; i < trs.length; i++) {
    trs[i].style.backgroundColor = i % 2 == 0 ? "red" : "yellow";
    //鼠标进入
    trs[i].onmouseover = mouseoverHandle;
    //鼠标离开
    trs[i].onmouseout = mouseoutHandle;
  }
  //当鼠标进入的时候,先把设置后的颜色保存起来,等到鼠标离开再恢复即可
  var lastColor = "";
  function mouseoverHandle() {//鼠标进入
    lastColor = this.style.backgroundColor;
    this.style.backgroundColor = "green";
  }
  function mouseoutHandle() {//鼠标离开
    this.style.backgroundColor = lastColor;
  }