onmouseover和mouseout事件

Question

问题描述
 有一个列表 写了个斑马线的效果 已实现
然后通过onmouseover加深背景颜色 已实现
可是通过onmouseout 实现还原为原来的颜色 就不知道不怎么搞了
不能通过设定某个值来实现out效果 因为这样就和斑马线效果冲突了触发代码如下：
<tr onmouseover="mouseOut(this)">....</tr> 斑马线代码
function $(id){
  return document.getElementById(id);
}
//斑马线效果
function ZebraCrossing(tableId){
  if($(tableId)){
  var obj=$(tableId);
  var rows=obj.getElementsByTagName("tr");
  var flag=true;
  for(var i=0;i<rows.length;i++){
    if(flag == true){
      rows[i].style.backgroundColor = '#fff';
  flag=false;
    }
    else{
      rows[i].style.backgroundColor = '#ededed';
  flag=true;
    }
  }
  } 
}不知道那个out怎么写 忘高手指教一二

Answer 1

function ZebraCrossing(tableId){
  if($(tableId)){
  var obj=$(tableId);
  var rows=obj.getElementsByTagName("tr");
  var flag=true;
  for(var i=0;i<rows.length;i++){
    if(flag == true){
      rows[i].style.backgroundColor = '#fff';
      rows[i].onmouseout = function(){
          this.style.backgroundColor = '#fff';
      }
      flag=false;
    }
    else{
      rows[i].style.backgroundColor = '#ededed';
      rows[i].onmouseout = function(){
          this.style.backgroundColor = '#ededed';
      }
      flag=true;
    }
  }
  } 
}