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

首頁 > 開發 > CSS > 正文

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

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

利用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 {
……
}

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 峨山| 四川省| 新昌县| 夏河县| 稷山县| 通江县| 孟津县| 和顺县| 广水市| 吉安市| 台州市| 克东县| 牙克石市| 宝丰县| 抚宁县| 仪陇县| 尤溪县| 阳谷县| 鄂托克前旗| 建水县| 尚志市| 宁津县| 正安县| 平罗县| 盐山县| 汾阳市| 滨海县| 分宜县| 岑溪市| 齐齐哈尔市| 松溪县| 家居| 简阳市| 莱西市| 那曲县| 佳木斯市| 元朗区| 黎川县| 兴国县| 时尚| 金门县|