风讯官方论坛

首页 » 产品服务区 » 产品销售 » 针对table,div隔行变色的JS方法
色拉豆豆 - 2007-11-30 00:02:00
首先用列表标签做出列表来

如果是Table形式,那么在模板这个标签下边加一段JS:
<table id="table1">
<tr><td>jsjsdjksdfdfgdfd</td></tr>
<tr><td>vrtbtynyudegbg</td></tr>
<tr><td>btrgjyjyukmymy</td></tr>
<tr><td>fvdfthdhyjd</td></tr>
</table>
<script Language="Javascript">

var cobj=document.getElementById("table1").rows;
for (i=0;i< cobj.length ;i++) {
(i%2==0)?(cobj[i].style.background = "#eee"):(cobj[i].style.background = "#fff");
}


</script>

如果是Div形式,那么在模板这个标签下边加这么一段JS:
<ul id="div1">
  <li>afdsfasdf</li>
  <li>asdfasdfasdf</li>
  <li>sdfgsdfg</li>
  <li>sdfgsdfg</li>
</ul>
<script Language="Javascript">

var cobj=document.getElementById("div1").getElementsByTagName("li");
for (i=0;i< cobj.length ;i++) {
(i%2==0)?(cobj[i].style.background = "#eee"):(cobj[i].style.background = "#fff");
}


</script>
天际流星 - 2007-11-30 10:22:00
沙发,顶下版主:default6:
四季逗 - 2007-11-30 14:51:00
:default6:
niao - 2007-12-5 21:39:00
收藏了
tozp - 2007-12-12 12:50:00
变不了。。。。
tozp - 2007-12-12 13:00:00
哦,可以变了,豆豆真强!
sicend - 2007-12-12 13:00:00
:default6:
camlin - 2007-12-13 16:34:00
:default5: 学习一下
1
查看完整版本: 针对table,div隔行变色的JS方法