频道栏目
首页 > 程序开发 > web前端 > JavaScript > 正文
javascript学习笔记(十)表格隔行换色,鼠标经过时高亮显示
2011-04-18 21:36:27           
收藏   我要投稿
在网页的,表格的布局经常可见,当表格的行数非常多的,很容易引起用户的视觉疲劳,而且容易让用户把相邻两行的数据看错。我们可以通过隔行换色以及高亮的方法的来改善用户体验!
如果用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
点击复制链接 与好友分享!回本站首页
上一篇:javascript学习笔记(九)javascript中的原型(prototype)及原型链的继承方式
下一篇:javascript学习笔记(十一)对表格进行排序(包括数值、字符串、日期等数据类型)
相关文章
图文推荐

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训 | 举报中心

版权所有: 红黑联盟--致力于做实用的IT技术学习网站