asfman
android developer
posts - 90,  comments - 213,  trackbacks - 0

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<style type="text/css">
<!--
.li01 { background:#FFF; }
.li02 { background:#eeeeee; }
-->
</style>
</HEAD>

<BODY>
<div ><ul id="list01">
<li class="title"><a href="#">title</a></li>
<li><a href="#">111</a></li>
<li><a href="#">222</a></li>
<li><a href="#">333</a></li>
<li><a href="#">444</a></li>
<li><a href="#">555</a></li>
<li><a href="#">666</a></li>
</ul></div>

 

<script Language="Javascript">

objName=document.getElementById("list01").getElementsByTagName("li")

for (i=0;i<objName.length;i++) {
(i%2==0)?(objName(i).className = "li01"):(objName(i).className = "li02");
}
</script>
</BODY>
</HTML>

posted on 2006-07-22 15:57 汪杰 阅读(442) 评论(1)  编辑 收藏 引用 所属分类: javascript

FeedBack:
# re: li 列表数据隔行变换背景颜色
2006-07-22 16:00 | 汪杰
<style type="text/css">
<!--
.li01 { background:#FFF; }
.li02 { background:#eeeeee; }
-->
</style>
<div ><ul id="list01"><li class="title"><a href="#">title</a></li><li><a href="#">111</a></li><li><a href="#">222</a></li><li><a href="#">333</a></li><li><a href="#">444</a></li><li><a href="#">555</a></li><li><a href="#">666</a></li></ul></div>
<script Language="Javascript">
objName=document.getElementById("list01").childNodes;
for (i=0;i<objName.length;i++) {
(i%2==0)?(objName[i].className = "li01"):(objName[i].className = "li02");
}
</script>
  回复  更多评论
  
只有注册用户登录后才能发表评论。

<2024年3月>
252627282912
3456789
10111213141516
17181920212223
24252627282930
31123456

常用链接

留言簿(15)

随笔分类(1)

随笔档案(90)

文章分类(727)

文章档案(712)

相册

收藏夹

http://blog.csdn.net/prodigynonsense

友情链接

最新随笔

搜索

  •  

积分与排名

  • 积分 - 456689
  • 排名 - 6

最新随笔

最新评论

阅读排行榜

评论排行榜