php ul的li隔行显示,2种方法实现CSS LI隔行换色

CSS隔行变色使用率挺高的，今天抽空写了这篇简短的教程，教给CSS不顺手的初级学者两种方法实现CSS的隔行换色功能。大家知道，隔行换色的对象一般是TABle或Li,Table就不说了，个人觉得已经过时了，主要来说下CSS Li的隔行换色，直接放代码吧。

第一种方法：

UL.myul1 LI{background-color: expression(this.sourceIndex%2==0?'#9FB7F6':'#B6C8F8');

}

• ASP
• php
• jsp
• asp.net
• ajax

这种方法看上去是纯CSS，不过这里使用了expression，等同于半个JavaScript，这种方法简单，不过CSS的expression貌似存在一些兼容性问题，所以这个功能仅用于看重IE的用户。

第二种方法：CSS和JS结合：

• title
• ASP
• php
• jsp
• asp.net
• ajax

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

for (i=0;i

(i%2==0)?(objName(i).className = "li01"):(objName(i).className = "li02");

}