js 设置表行颜色:奇偶行变色,鼠标经过行变色,点击行变色

//调整控件的大小
function resize()
{
tab.width = document.body.clientWidth - 31 ;
}


//设置表格的奇偶行颜色 
function rowColor(oTab)  
{  
    for(i=0;i<oTab.rows.length;i++)  
    {  
    if(i%2==0)  
        {  
    oTab.rows[i].style.backgroundColor = "#dbc8ef";  
        }  
        else  
        {  
        oTab.rows[i].style.backgroundColor = "#eef5fb";  
        }  
    }  
}  

//鼠标经过表格行时改变颜色
function changeColor(oRow,flag)
{
//flag=1:鼠标经过行时onmouseover,flag=2:点击行时onmousedown,flag=3:鼠标移出行时onmouseout,
var rowColor ;

//rowColor = oRow.style.backgroundColor ;
//alert(rowColor);
if(flag==1)
{
oRow.style.backgroundColor = "#f2fc9d";
}

else if(flag==2)
{
oRow.style.backgroundColor = "#b5ebb5";
}
/*  
else if(flag==3)
{
oRow.style.backgroundColor = "#b5ebb5";
}
*/
}


在JSP页面中:
<tr onmousemove="changeColor(this,1)" onmousedown="changeColor(this,2)" onmouseout="rowColor(tab)">
其中:tab是table的 id