当前位置：编程学习 > JAVA >>

javascript学习笔记（十）表格隔行换色，鼠标经过时高亮显示


		


在网页的，表格的布局经常可见，当表格的行数非常多的，很容易引起用户的视觉疲劳，而且容易让用户把相邻两行的数据看错。我们可以通过隔行换色以及高亮的方法的来改善用户体验！


如果用css来实现，前台的代码会略显不优雅，比如在奇数行我们需要添加<tr class="odd">这样的代码来实现隔行换色，而且如果是从后台动态输出的网页，这是无法实现的，除非用程序去控制。tr:hover 在ie6下是不支持的。所以还是不能完全满足我们的要求。


这里我们可以用javascript来帮我们实现以上需求。主要就是操作DOM。


首先看HTML代码：








 










01
    <h1>会员信息表</h1> 








02
    <table summary="user infomation table"> 








03
        <thead> 








04
            <tr> 








05
                <th>会员ID</th> 








06
                <th>会员名</th> 








07
                <th>邮箱</th> 








08
                <th>会员组</th> 








09
                <th>城市</th> 








10
                <th>注册时间</th> 








11
            </tr> 








12
        </thead> 








13
        <tbody> 








14
            <tr> 








15
                <td>126</td> 








16
             &nbs						
		
	
补充：web前端 , JavaScript ,
上一个：javascript学习笔记（十一）对表格进行排序（包括数值、字符串、日期等数据类型）
下一个：javascript学习笔记（九）javascript中的原型(prototype)及原型链的继承方式
更多图片编程知识:

  
更多JAVA疑问解答：
java怎么在线读取ftp服务器上的文件内容
关于程序员的职业规划
HTML和JSP矛盾吗？
java小程序如何打包？
java怎么split路径文件名？
关于Hibernate实体自身多对一的抓取问题
关于apache2+tomcat群集出现的问题
SSH 导入导出excel 谁有这块的资料吗?
springmvc 加载一个jsp页面执行多个方法 报404
关于用jquery 导入 excel   
java对时间进行循环放到List中
一个图片的输入输出程序，第一次调用某方法会中断，第二次调用则正常
请上过传智播客的人说一下传智播客怎么样呀！是不是像它说的那样好呀！ 
spring的schema怎么配置
【菜鸟求助】SSH中怎么从JSP页面往后台传值呢







  





CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络，