CSS隔行变色使用率挺高的，今天抽空写了这篇简短的教程，教给CSS不顺手的初级学者两种方法实现CSS的隔行换色功能。大家知道，隔行换色的对象一般是TABle或Li,Table就不说了，个人觉得已经过时了，主要来说下CSS Li的隔行换色，直接放代码吧。
第一种方法：
<style type="text/css">
UL.myul1 LI{background-color: expression(this.sourceIndex%2==0?'#9FB7F6':'#B6C8F8');
}
</style>
<ul class="myul1">
<li id="li1">ASP</li>
<li id="li2">php</li>
<li id="li2">jsp</li>
<li id="li2">asp.net</li>
<li id="li2">ajax</li>
</ul>这种方法看上去是纯CSS，不过这里使用了expression，等同于半个JavaScript，这种方法简单，不过CSS的expression貌似存在一些兼容性问题，所以这个功能仅用于看重IE的用户。
第二种方法：CSS和JS结合：
<style type="text/css">
<!--
.li01 { background:#FFF; }
.li02 { background:#000; }
li a{width:100%;display:block;}
li a:hover{background:red;}
-->
</style>
<div id="list01"><ul>
<li class="title"><a href="#">title</a></li>
<li id="li1">ASP</li>
<li id="li2">php</li>
<li id="li2">jsp</li>
<li id="li2">asp.net</li>
<li id="li2">ajax</li>
</ul></div>
<script Language="Javascript1.2">
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>