日韩天天综合网_野战两个奶头被亲到高潮_亚洲日韩欧美精品综合_av女人天堂污污污_视频一区**字幕无弹窗_国产亚洲欧美小视频_国内性爱精品在线免费视频_国产一级电影在线播放_日韩欧美内地福利_亚洲一二三不卡片区

網(wǎng)頁設(shè)計(jì)制作CSS實(shí)現(xiàn)隔行換色兩種方法_Web標(biāo)準(zhǔn)教程

編輯Tag賺U幣
教程Tag：暫無Tag,歡迎添加,賺取U幣!

網(wǎng)頁設(shè)計(jì)制作，CSS實(shí)現(xiàn)隔行換色兩種方法：

第一種方法：

以下為引用的內(nèi)容：
<style type="text/css">
UL.myul1 LI{background-color: expression(this.sourceIndex%2==0?'#9FB7F6':'#B6C8F8');
}
</style>
<ul class="myul1">
<li id="li1">111</li>
<li id="li2">222</li>
<li id="li2">333</li>
<li id="li2">444</li>
<li id="li2">555</li>
<li id="li2">666</li>
</ul>

第二種方法：

以下為引用的內(nèi)容：

<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><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="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>

來源：模板無憂//所屬分類：Web標(biāo)準(zhǔn)教程/更新時(shí)間：2007-12-26
相關(guān)Web標(biāo)準(zhǔn)教程：