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 οnmοusemοve="changeColor(this,1)" οnmοusedοwn="changeColor(this,2)" οnmοuseοut="rowColor(tab)">
其中:tab是table的 id
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值