css实现table隔行变色(css中关于table隔2行变一个颜色)
本文目录
- css中关于table隔2行变一个颜色
- css实现表格隔行变色…CSS写好了…但是动态实现读取奇数行和偶数行不知道怎么写,高手给个范例指导
- css 怎么使table表格隔行换色
- css如何实现t:dataTable隔一行一个背景色
css中关于table隔2行变一个颜色
可以利用JavaScript和jQuery实现table隔行变色,看完教程你就会了!***隐藏网址***
css实现表格隔行变色…CSS写好了…但是动态实现读取奇数行和偶数行不知道怎么写,高手给个范例指导
《script language="javascript"》window.onload=function showtable(){var tablename=document.getElementById("table");var li=tablename.getElementsByTagName("tr");for (var i=0;i《=li.length;i++){if (i%2==0){li.style.backgroundColor="#FFB584";}else li.style.backgroundColor="#FFFFFF";}}《/script》《table id="table"》《tr》《td》第1行《/td》《td》第1列《/td》《/tr》《tr》《td》第2行《/td》《td》第2列《/td》《/tr》《tr》《td》第3行《/td》《td》第3列《/td》《/tr》《tr》《td》第4行《/td》《td》第4列《/td》《/tr》《tr》《td》第5行《/td》《td》第5列《/td》《/tr》《/table》
css 怎么使table表格隔行换色
表格隔行换色,节省代码的好方法
《style》
.db { border-collapse:collapse;}
.db tr{ background-color:expression(’#F8F8F8,#EFEFEF’.split(’,’)); }
《/style》
《table width="100%" border="1" class="db"》
《tr》
《td》 《/td》
《/tr》
《tr》
《td》 《/td》
《/tr》
《tr》
《td》 《/td》
《/tr》
《tr》
《td》 《/td》
《/tr》
《/table》
上面是每一行隔行换色每两行一循环,下面是每一行隔行换色,每八行一循环
《style》
.db tr{
background-color:expression(’#000000,#333333,#555555,#777777,#999999,#bbbbbb,#dddddd,#ffffff’.split(’,’));
}
《/style》
css如何实现t:dataTable隔一行一个背景色
$(funtion(){ $("tr:even").css("background-color", "#ccc");})even 就是 查找表格的1、3、5...行(即索引值0、2、4...)或者 $("tr:odd"); 查找表格的2、4、6行(即索引值1、3、5...)
更多文章:
zabbix监控oracle(zabbix监控oracle 怎么配置)
2024年7月22日 01:00
传智播客教学模式跟其他培训机构有什么区别吗?传智播客Python的课程体系大纲是什么
2024年7月9日 05:18
mysql下载教程视频(请问哪里有PHP+MYSQL的视频教程下载啊,或者卖的谢谢大家了)
2024年7月30日 23:10
loopback接口(Loopback接口,什么是Loopback接口,Loopback接口介绍)
2024年7月6日 20:07
php中switch语句(对于php中的switch语句不太懂,如下:)
2024年7月3日 01:26
java中parse的用法(java的Date类型 parse,string 转date类型的问题)
2024年7月12日 20:36
源码天空为啥下载不了(为什么“天空软件”下载不能用下载工具下载)
2024年7月15日 00:06
计算机应用基础教程答案(计算机应用基础课后习题答案(人民邮电出版社 杨起帆 颜晖编))
2024年7月8日 06:18
linux命令软件(如何用Linux命令查看已安装的软件版本)
2024年7月5日 12:32