onmouseover和mouseout事件

[allen0228]

问题描述
有一个列表 写了个斑马线的效果 已实现
然后通过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怎么写 忘高手指教一二

[sohighthesky]

新手没听说过什么斑马线

[草根醉秋意]

[Quote=引用 1 楼 sohighthesky 的回复:]
新手没听说过什么斑马线
[/Quote]
就是奇数行与偶数行有不同的背景颜色~

[草根醉秋意]

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;
    }
  }
  } 
}