武林網(wǎng)(www.companysz.com)文章簡(jiǎn)介：利用CSS在導(dǎo)航條上標(biāo)示當(dāng)前所在頻道的技術(shù)，已經(jīng)有很長(zhǎng)時(shí)間了，在很多CSS的書中都介紹過，不過還是總被問到，因此寫一個(gè)簡(jiǎn)單的示例來講解一下。
利用CSS在導(dǎo)航條上標(biāo)示當(dāng)前所在頻道的技術(shù)，已經(jīng)有很長(zhǎng)時(shí)間了，在很多CSS的書中都介紹過，不過還是總被問到，因此寫一個(gè)簡(jiǎn)單的示例來講解一下。
其實(shí)原理非常簡(jiǎn)單：
1) 按照不同的頻道（欄目），分別為body定義id。例如：
首頁：<body id="p_home">
Blog頻道：<body id="p_blog">
相冊(cè)頻道：<body id="p_ablum">
頻道內(nèi)的所有頁面都要統(tǒng)一定義id。
2) 導(dǎo)航條的相應(yīng)欄目，也定義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">相冊(cè)</a></li>
</ul>
3) 當(dāng)前位置通過不同的body的id來分別：
#p_home .nav_home a,
#p_blog .nav_blog a,
#p_album .nav_album a {
……
}
新聞熱點(diǎn)
疑難解答
圖片精選
