国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

網頁設計制作CSS實現隔行換色兩種方法

2024-07-11 08:24:40
字體：大 中 小
來源：轉載
供稿：網友

網頁設計制作,CSS實現隔行換色兩種方法:
第一種方法:
以下為引用的內容：
<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>
第二種方法:
以下為引用的內容：

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

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 织金县| 西充县| 宁强县| 新邵县| 山东省| 额济纳旗| 正阳县| 吴桥县| 青河县| 怀化市| 祥云县| 库尔勒市| 汪清县| 庐江县| 南平市| 武威市| 成都市| 柳江县| 逊克县| 恩施市| 农安县| 中江县| 武冈市| 墨江| 汶上县| 长阳| 马鞍山市| 高碑店市| 安丘市| 平舆县| 榆树市| 方城县| 石城县| 政和县| 吴堡县| 天长市| 措美县| 宁津县| 卫辉市| 开阳县| 神池县|