導航上用CSS標志當前頁效果的實現
2006/12/8 9:12:22
當前頁面--比如說現在的頁面是首頁,那么在導航欄上首頁的色彩等和其他欄目有所不 同,用以給瀏覽者一個明顯的指示。
下面來說下具體的做法,菜單的基本實現和一般的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,其余的類推 。
這樣做法的好處是每個頁面的菜單都是一樣的,方便修改,動態頁包含也容易。
返回列表
返回首頁
主站蜘蛛池模板:
国产白丝丝高跟在线观看|
无忧传媒在线观看|
亚洲福利精品一区二区三区|
美女免费网站xx美女女女女女女bbbbbb毛片|
国产精品亚洲综合|
99亚洲精品视频|
婷婷开心中文字幕|
中文字幕日本在线观看|
日韩无人区电影|
亚洲一区二区三区免费视频
|
久久久999国产精品|
最近中文字幕2019国语7|
亚洲日韩中文字幕在线播放|
狠狠精品干练久久久无码中文字幕
|
亚洲熟妇丰满多毛XXXX|
精品久久久久久中文|
四虎影视在线影院4hutv|
青青热久久久久综合精品|
国产成年无码久久久免费|
伊人影院中文字幕|
国产超级乱淫视频播放|
av无码aV天天aV天天爽|
孪生兄弟3ph尴尬|
三级黄色免费片|
成年男女男精品免费视频网站
|
精品久久久中文字幕一区|
四虎永久在线精品影院|
试看91福利区体验区120秒|
国产嫩草影院精品免费网址|
免费在线观看视频网站|
国产精品亚洲成在人线|
3d动漫精品啪啪一区二区免费|
国语对白做受XXXXX在线中国|
chinese男子同性视频twink|
好男人好资源在线|
一本久道中文无码字幕av|
成人在线不卡视频|
中文字幕一区二区三区精华液
|
亚欧免费无码aⅴ在线观看|
欧美xxxx做受欧美|
亚洲国产成a人v在线观看|