Javascript为表格添加斑马线效果

 时间:2024-10-23 00:04:06

让表格里的行更可读的常用技巧是交替改变它们的背景色,从而形成斑马线效果,使相邻的两行泾渭分明。

Javascript为表格添加斑马线效果

2、在文档head标签中添加style标签,来为文档及表格设置一些样式。

Javascript为表格添加斑马线效果

Javascript

1、编写一个函数来为表格添加斑马线效果,具体步骤是:1.把文档里的所有table元素找出来。2.对每个table元素,创建odd变量并把它初始化为false。3.遍历这个表格里的所有数据行。4.如果变量odd的值是true,设置样式并把odd变量修改为false。5.如果变量odd的值是false,不设置样式,但把odd变量修改为true。

2、函数代码如下图。

Javascript为表格添加斑马线效果Javascript为表格添加斑马线效果
  • 静态网页制作教程
  • Excel入门教程之单元格的基本操作
  • Flash怎么导入视频到舞台
  • DW复制粘贴如何开启仅文本
  • flash动画软件知识学习:[2]矩形工具的运用
  • 热门搜索
    智慧旅游平台 甘肃周边旅游景点大全 商洛旅游景点大全 联联旅游 途牛旅游网怎么样 旅游经验 北漂旅游网 甘肃旅游网 中国旅游网站大全 香港旅游线路