45fan.com - 路饭网

搜索: 您的位置主页 > 电脑频道 > 编程代码 > 阅读资讯:如何设置表格奇偶行不同颜色鼠标划过变色的javascript代码?

如何设置表格奇偶行不同颜色鼠标划过变色的javascript代码?

2016-09-05 17:33:38 来源:www.45fan.com 【

如何设置表格奇偶行不同颜色鼠标划过变色的javascript代码?

<script language="javascript">

function tr_onmouseover(){
eval("this.style.backgroundColor='#EFEFEF';");
}
function tr_onmouseout_grey(){
eval("this.style.backgroundColor='#F9F9F9';");
}
function tr_onmouseout_white(){
eval("this.style.backgroundColor='#FFFFFF';");
}
function document_onload(){
var i;
for(i=0;i<tlist.rows.length;i++){
if(i%2==0){
tlist.rows( i ).style.backgroundColor="#F9F9F9";
tlist.rows( i ).onmouseout=tr_onmouseout_grey;
}
else{
tlist.rows( i ).onmouseout=tr_onmouseout_white;
}
tlist.rows( i ).onmouseover=tr_onmouseover;
}
}
</script>

将以上代码添加在<head>之间,将要设定的表格中添加<table id="tlist">即可

 

本文地址:http://www.45fan.com/bcdm/72885.html
Tags: 表格 颜色 奇偶
编辑:路饭网
推广内容
推荐阅读
热门推荐
推荐文章
关于我们 | 联系我们 | 友情链接 | 网站地图 | Sitemap | App | 返回顶部