网络编程
网页制作
网络编程
脚本专栏
数据库
服务器
操作系统
网站运营
平面设计
电脑基础
首页
>
网络编程
> 浏览文章
Js 实现表格隔行换色一例
(编辑：jimmy 日期: 2026/8/26 浏览：3 次 )
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Js实现表格隔行换色一例</title> <style type="text/css"> body{ padding:0; margin:0; font:Arial; font-size:12px;} .bf{ padding:0; margin:auto;} .bf table{ text-align:center;line-height:14pt;} .bf th{ width:50px; padding:10px;} .f1{ background:#fff8f0;} .f2{ background:#f0f7ff;} .f3{ background:#f7f7f7;} </style> </head> <body> <caption>欢迎你</caption> <th></th> <th scope="col">2006年</th> <th scope="col">2007年</th> <th scope="col">2008年</th> <th scope="col">2009年</th> <th scope="row" rowspan="4">总</th> 4 2 56 43 10 4 10 10 10 76 10 9 <th scope="row" rowspan="4">总</th> 10 10 10 10 2 10 12 10 10 10 10 10 <th scope="row" rowspan="4">总</th> 10 5 10 10 10 7 10 3 10 5 7 8 </body> </html>
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
上一篇：
javascript实现的鼠标悬停时动态翻滚的导航条
下一篇：
Javascript实现的CSS代码高亮显示
首页
破解
音乐
影视