JS配合CSS的li標籤實現隔行變色效果

JavaScript配合CSS中的LI標籤實現列表的隔行換色效果，這裏是指靜態網頁的情況下，用JS去控制輸出的情況 ，還有一種情況是用ASP/PHP/ASP.NET等利用FOR或WHILE迴圈去控制 ，迴圈之前用除數取餘的方法判斷奇偶性，能除盡與不能除盡的時候各設置調用不同的CSS樣式，稍嫌麻煩。

放在head裡面：
<title>JS配合CSS的li標籤實現隔行變色效果</title>
<script type="text/javascript">
function bgChange(){
var lis= document.getElementsByTagName('li');
for(var i=0; i<lis.length; i+=2)
lis[i].style.background = '#f<?xml:namespace prefix = st1 ns = "urn:schemas-microsoft-com:office:smarttags" />3f3f3';
}
window.onload = bgChange;
</script>

放在body裡面：
<ul>
<li>隔行變色的LI</li>
<li>隔行變色的LI</li>
<li>隔行變色的LI</li>
<li>隔行變色的LI</li>
<li>隔行變色的LI</li>
</ul>

本文章轉貼自：http://freeshare2u.com/