用javascript + css来实现表格或li的背景隔行换色. 可以先给table 或者 ul一个id,根据id用js来得到相对应的对象元素,再来获取他下面的元素,循环遍历一下,组合一下元素的background-color属性,给它添上就可以了,具体的实现自己可以动手做咯.

  • 第一行
  • 第二行
  • 第三行
  • 第四行

function initUl(){
var ul_obj = document.getElementById('ulEle');     //ulEle 为对象的ID
var lis = ul_obj.getElementsByTagName('li');

for (var i=0; i<lis.length;i++){
if ( i%2==0){
lis[i].style.backgroundColor="#ccc";
}else{
lis[i].style.backgroundColor="#fff";
}
}
}
initUl();

发表评论

电子邮件地址不会被公开。 必填项已用*标注

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>


*