<html>
<head>
<script language="javascript">
function showtable(){
var tableid='examineManage'; //表格的id
var overcolor='#E8F5FE'; //鼠标经过颜色
var color1='#FFFFFF'; //第一种颜色
var color2='#F3FAFF'; //第二种颜色
var tablename=document.getElementById(tableid);
var tr=tablename.getElementsByTagName("tr");
for(var i=0 ;i<tr.length;i++){
if(i%2!=0)
{
alert(i)
tr[i].style.background="#FFFFFF";
}
else
{
tr[i].style.background="#F3FAFF";
}
}
for(var i=0 ;i<tr.length;i++){
tr[i].onmouseover=function(){
this.style.backgroundColor=overcolor;
}
tr[i].onmouseout=function(){
if(this.rowIndex%2!=0){
this.style.backgroundColor=color1;
}else{
this.style.backgroundColor=color2;
}
}
}
}
</script>
</head>
<body onload="showtable()" bgcolor="#fefefe">
<table id="examineManage">
<tbody>
<tr><td>aaaaaaaaaaaaaaaaaa</td></tr>
<tr><td>bbbbbbbbbbbbbbbbbbb</td></tr>
<tr><td>ddddddddddddddddddd</td></tr>
<tr><td>eeeeeeeeeeeeeeeeeeee</td></tr>
<tr><td>ffffffffffffffffffff</td></tr>
<tr><td>ssssssssssssssssssss</td></tr>
<tr><td>wwwwwwwwwwwwwwwwwwww</td></tr>
</tbody>
<tr><td>qqqqqqqqqqqqqqqqqqqq</td></tr>
<tr><td><input type="button" value="kkkkk" /></td></tr>
</table>
</body>
</html>
分享到:
相关推荐
jquery选取商品隔行变色
隔行变色
表格颜色自动隔行变色
表格隔行变色 表格变色 表格单元格标色,实现方式是奇偶数隔行变色,点击变色!
《Windows界面编程第八篇 listbox彩色显示隔行变色》 http://blog.csdn.net/morewindows/article/details/8656061 配套程序 示范了如何彩色显示listbox控件,并让其隔行变色。 Win32或MFC程序均能使用。
EXCEL版隔行变色!!!!!!!!!!!
实现表格的隔行变色
比较实用的隔行变色的table,带js和复选框,全选反选
资料为HTML重的LI标签技术,实现LI列表的输出,隔行变色,实现鼠标经过变色效果
时间表格的隔行变色,以及鼠标移动到某行 高亮的效果
jQuery动态生成隔行变色的table,使用jQuery+css+json实现
多列列表框上色隔行变色.zip源码Labview个人项目资料程序资源下载多列列表框上色隔行变色.zip源码Labview个人项目资料程序资源下载多列列表框上色隔行变色.zip源码Labview个人项目资料程序资源下载多列列表框上色...
devexpress表格控件gridcontrol设置隔行变色、焦点行颜色、设置(改变)显示值、固定列不移动(附源码)
列表框插入、隔行变色、嵌入控件.zip源码Labview个人项目资料程序资源下载列表框插入、隔行变色、嵌入控件.zip源码Labview个人项目资料程序资源下载列表框插入、隔行变色、嵌入控件.zip源码Labview个人项目资料程序...
模块内有使用说明,更具说明操作可以使ListView上隔行的颜色改变,以便查看,颜色可以自己设置。
NULL 博文链接:https://cwl123456.iteye.com/blog/1997909
很经典的js特效,上传供大家学习,希望对你们做项目的时候有所帮助。
CSS+JS 实现表格隔行变色 鼠标移动变色
本文简单分析了php简单隔行变色功能实现方法。...echo 隔行变色效果:; echo ; for($i=1;$i<=5;$i++){ if($i%2==0){ $color=yellow; } if($i%2==1){ $color=red; } echo ;\>这是第.$i.行; } echo ; 希望本
这是我自己开发的一个dataGrid分页的控件,上传的资源是一个打成包的flex项目,这个控件在查询数据时是与后台进行实时交互的,表格的表头样式是重写皮肤类进行定义的,而隔行变色是通过css来实现的。其中最重要的...