本文目录
- css实现表格隔行变色…CSS写好了…但是动态实现读取奇数行和偶数行不知道怎么写,高手给个范例指导
- css如何实现t:dataTable隔一行一个背景色
- css中关于table隔2行变一个颜色
- css 怎么使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如何实现t:dataTable隔一行一个背景色
$(funtion(){ $("tr:even").css("background-color", "#ccc");})even 就是 查找表格的1、3、5...行(即索引值0、2、4...)或者 $("tr:odd"); 查找表格的2、4、6行(即索引值1、3、5...)
css中关于table隔2行变一个颜色
可以利用JavaScript和jQuery实现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》