<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选取商品隔行变色"是一个常见的网页交互功能，主要用于电商网站的商品列表展示，使得用户在浏览长列表时能更...
"表格颜色自动隔行变色"是一种常见的美化技巧，它可以使表格看起来更清晰、更易读，帮助用户快速区分不同行的数据。这个功能在Excel、WPS表格、Google Sheets等常见表格软件中都有提供。下面我们将深入探讨这一主题...
隔行变色
在Excel中，隔行变色是一种常见的数据可视化技巧，它能帮助用户更清晰地阅读和理解表格中的数据。这种效果通常通过条件格式化来实现，使得奇数行和偶数行显示不同的背景颜色，增强表格的可读性，特别是在处理大量...
在网页设计中，为了提升数据展示的可读性和美观性，常常会采用隔行变色的技巧来对表格进行美化。隔行变色使得用户在查看大量数据时能更容易地区分每一行，从而减轻视觉疲劳，提高阅读效率。本文将详细讲解如何实现...
在网页设计中，为了提升数据可读性和美观性，经常需要对表格进行隔行变色的处理。这种技术主要是通过CSS（层叠样式表）来实现的，使得表格的每一行交替显示不同的背景颜色，从而形成视觉上的区分。在本案例中，"网页...
在某些情况下，为了提高数据的可读性和视觉效果，开发者可能会希望实现ListView的隔行变色功能。这可以通过编程方式实现，使得每两行之间具有不同的背景颜色，以创建一种对比，使用户更容易区分每一行。 标题"VB ...
在IT领域，网页开发是不可或缺的一部分，而表单数据验证、表格隔行变色效果、复选框操作、好友列表以及省市菜单联动效果都是网页交互中的常见功能。这些功能不仅提升了用户体验，也是开发者必备的技能。下面将详细...
在网页设计中，为了提升数据表格的可读性和视觉效果，常常会采用“隔行变色”的技巧。本文将深入探讨如何使用CSS和JavaScript来实现这一功能，以便在实际项目中应用。 首先，我们从CSS（层叠样式表）的角度出发。...
《Windows界面编程第八篇 listbox彩色显示隔行变色》 http://blog.csdn.net/morewindows/article/details/8656061 配套程序 示范了如何彩色显示listbox控件，并让其隔行变色。 Win32或MFC程序均能使用。
在网页设计中，表格隔行变色是一种常见的视觉优化手段，它能帮助用户更清晰地分辨数据行，提高阅读和理解效率。特别是在处理大量数据的时间表格中，这种效果尤为重要。"表格隔行变色"技术通常结合JavaScript和CSS来...
在网页开发中，为了提升用户体验，我们经常需要对表格数据进行视觉优化，其中一种常见的方法是实现隔行变色的效果。这个技术可以帮助用户更轻松地分辨表格中的每一行数据，提高阅读的舒适度。本教程将详细介绍如何...
比较实用的隔行变色的table，带js和复选框，全选反选
在本文中，我们将深入探讨如何利用GridControl实现隔行变色、设定焦点行颜色、改变显示值以及固定列不移动这四个关键功能，并提供相关的源码示例。 1. **隔行变色**： 隔行变色是一种常见的视觉增强技巧，它可以...
资料为HTML重的LI标签技术，实现LI列表的输出，隔行变色，实现鼠标经过变色效果
多列列表框上色隔行变色.zip源码Labview个人项目资料程序资源下载多列列表框上色隔行变色.zip源码Labview个人项目资料程序资源下载多列列表框上色隔行变色.zip源码Labview个人项目资料程序资源下载多列列表框上色...
标题“JQ 隔行变色”指的是使用jQuery（简称JQ）库来实现HTML表格或其他列表元素的隔行变色效果。这种效果常见于数据展示，通过交替颜色增加可读性和视觉吸引力。让我们深入了解一下如何实现这个功能以及相关的...
列表框插入、隔行变色、嵌入控件.zip源码Labview个人项目资料程序资源下载列表框插入、隔行变色、嵌入控件.zip源码Labview个人项目资料程序资源下载列表框插入、隔行变色、嵌入控件.zip源码Labview个人项目资料程序...
在网页设计中，为了提高数据可读性和用户体验，经常需要对表格进行隔行变色处理。这使得用户在浏览大量数据时更容易区分不同的行。在本案例中，我们将探讨如何利用jQuery这一强大的JavaScript库来实现表格隔行变色的...
### JavaScript表格隔行变色 #### 知识点1：JavaScript表格隔行变色基本原理 JavaScript表格隔行变色是一种常见的前端视觉效果，通过为表格中的行设置不同的背景颜色，使得用户浏览时能够更加容易地分辨不同的行。...