導航上用CSS標志當前頁效果的實現
2006/12/20 23:09:04
導航上用CSS標志當前頁效果的實現——當前頁面--比如說現在的頁面是首頁,那么在導航欄上首頁的色彩等和其他欄目有所不 同,用以給瀏覽者一個明顯的指示。
當前頁面--比如說現在的頁面是首頁,那么在導航欄上首頁的色彩等和其他欄目有所不 同,用以給瀏覽者一個明顯的指示。
下面來說下具體的做法,菜單的基本實現和一般的CSS菜單沒多大區別,著重說下如何 實現當前頁。
設菜單有5個欄目:home、about、products、services、contact,分別給每個欄目一 個ID,m1-m5,CSS可寫成如下:
以下是引用片段:
#home #nav li#m1 a,
#about #nav li#m2 a,
#products #nav li#m3 a,
#services #nav li#m4 a,
#contact #nav li#m5 a{
color: #FFF;
background: #DC4E1B url(navbg.gif) no-repeat;
}
xhtml:
以下是引用片段:
<ul id="nav">
<li id="m1"><a href="index.html">Home</a></li>
<li id="m2"><a href="about.html">About</a></li>
<li id="m3"><a href="products.html">Products</a></li>
<li id="m4"><a href="services.html">Services</a></li>
<li id="m5"><a href="contact.html">Contact</a></li>
</ul>
然后分別給每個頁面的bady標簽一個獨立的ID,例如給首頁的ID是home,其余的類推 。
這樣做法的好處是每個頁面的菜單都是一樣的,方便修改,動態頁包含也容易。
返回列表
返回首頁
主站蜘蛛池模板:
欧美黄色免费在线观看|
91成人免费版|
少妇性饥渴无码A区免费|
久久精品国产欧美日韩|
欧美激情视频网|
免费国产不卡午夜福在线
|
亚洲综合久久1区2区3区|
精品国际久久久久999波多野|
国产免费黄色大片|
久久福利视频导航|
国产精品毛片va一区二区三区|
china同性基友gay勾外卖|
性欧美18-19sex性高清播放|
久久久久人妻精品一区二区三区
|
人妻少妇中文字幕乱码|
精品无码国产自产拍在线观看|
国产亚洲欧美久久精品|
国产精品大bbwbbwbbw|
国产精品俺来也在线观看|
97精品人妻系列无码人妻|
天天视频天天爽|
一本一本久久aa综合精品|
护士与税务干部完整2av|
久久亚洲国产成人精品无码区|
最新国产精品拍自在线播放|
亚洲午夜国产精品无码老牛影视|
正在播放国产一区|
人妻妺妺窝人体色WWW聚色窝|
精品国产乱码久久久久久1区2区|
国产99视频精品免视看9|
青娱乐在线视频盛宴|
国产成人AV一区二区三区无码
|
国产主播在线播放|
国产福利第一视频|
怡红院在线观看视频|
国产精品黄大片在线播放|
97亚洲熟妇自偷自拍另类图片|
大香伊人久久精品一区二区|
sihu国产精品永久免费|
性欧美高清come|
一级黄色大片网站|