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

首頁 > 開發 > CSS > 正文

CSS標示導航條當前所在頻道

2024-07-11 09:04:34
字體:
來源:轉載
供稿:網友

武林網(m.survivalescaperooms.com)文章簡介:利用CSS在導航條上標示當前所在頻道的技術,已經有很長時間了,在很多CSS的書中都介紹過,不過還是總被問到,因此寫一個簡單的示例來講解一下。

利用CSS在導航條上標示當前所在頻道的技術,已經有很長時間了,在很多CSS的書中都介紹過,不過還是總被問到,因此寫一個簡單的示例來講解一下。

其實原理非常簡單:


1) 按照不同的頻道(欄目),分別為body定義id。例如:

首頁:<body id="p_home">
Blog頻道:<body id="p_blog">
相冊頻道:<body id="p_ablum">
頻道內的所有頁面都要統一定義id。

2) 導航條的相應欄目,也定義id或者class:

<ul id="nav">
<li class="nav_home"><a href="index.html">首頁</a></li>
<li class="nav_blog"><a href="blog.html">Blog</a></li>
<li class="nav_album"><a href="album.html">相冊</a></li>
</ul>

3) 當前位置通過不同的body的id來分別:

#p_home .nav_home a,
#p_blog .nav_blog a,
#p_album .nav_album a {
……
}

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 如皋市| 喀什市| 镇江市| 鄂尔多斯市| 竹山县| 彝良县| 武强县| 安塞县| 剑川县| 龙游县| 榆中县| 灌云县| 罗源县| 西畴县| 五寨县| 洞头县| 上蔡县| 耒阳市| 上饶县| 古丈县| 会昌县| 和龙市| 临海市| 靖西县| 永顺县| 景洪市| 河西区| 双牌县| 芮城县| 平顶山市| 高青县| 耒阳市| 乐安县| 塔河县| 桃江县| 宁波市| 徐汇区| 栾川县| 阿鲁科尔沁旗| 荆门市| 扎鲁特旗|