1. 先来看CSS的，很简单，应用到了expression，非IE的主流浏览器可以使用:nth-child()来实现，详细见第4个方法：
- CSS 样式表
ul{list-style:none;font-size:12px;line-height:20px;color:#666;}
ul li{background-color:expression(this.sourceIndex%2==0?'#EAF8FD':'#ffffff');}
- HTML :\ Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行 运行此代码
2. 再来看个JS的：
- Javascript 代码
<script type="text/javascript">
objName=document.getElementById("list01").getElementsByTagName("li");
for (i=0;i
}
</script>
- CSS 样式表
ul{list-style:none;color:#666;font-size:12px;}
.li01{background:#EAF8FD;}
.li02{background:#fff;}
- HTML :\ Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行 运行此代码
3. 下面这个JS的，IE、FF都通过，不过要注意的是body里要写个onload="initUI"：
- Javascript 代码
<script type="text/javascript">
function initUl(){
var a=document.getElementsByTagName('ul');
for (var i=0;i
var ii=1;
for (var j=0;j
if (ii++%2==0){
v[j].className="l2";
}
else{
v[j].className="l1";
}
}
}
}
}
</script>
- CSS 样式表
.l1{background:#ffffff}
.l2{background:#f4f4f4}
- HTML :\ Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行 运行此代码
4. 接下来是一个JS库，IE7.js，可以直接从Google引用该代码：
<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE8.js" type="text/javascript"></script>
:nth-child() /*括号里可以是特定的某个数值 或者 even（表示偶数） odd（表示奇数）
- HTML :\ Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行 运行此代码
5. 最后，当然是万能的JQuery啦！同样也是利用到了CSS 选择器的概念，同样有odd（偶数），even（奇数）两种:
- JQuery 代码
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(function(){
$("ul li:odd").css({background:"#999"});
});
</script>
- HTML :\ Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行 运行此代码
如果你有什么见解，欢迎参与评论！
已有人对此文发表了评论