仿豬八戒超級漂亮藍色網站導航菜單，純CSS實現

2024-09-05 12:20:50

字體：大中小

來源：轉載

供稿：網友

純CSS實現一個超級漂亮的網站導航菜單，與豬八戒網的主導航十分相似，而且菜單的某一項還可以有小標記，鼠標滑過菜單的某個選項內，具有響應鼠標的功能，整體風格惹人喜歡，難道不是嗎？

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>仿2010豬八戒首頁導航菜單</title><style type="text/css"></style></head><body style="text-align:center"><div style="height:100px;"></div><div style="clear:both"></div><div   id="wafbmlp"   class="menu_navcc"><div   id="lmoiukl"   class="menu_nav clearfix"><ul class="nav_content"><li id="etupygr"    class="current"><span>首頁</span></li><li><span>廣告代碼</span></li><li><span>CSS教程</span></li><li style="position:relative;"><span>導航菜單</span><em></em></li><li><span>溶圖素材</span></li><li><span>常用代碼</span></li></ul><div   id="wivvbvr"   class="menu_nav_right"></div></div></div></body></html>

上一篇：不規則TAB選項卡效果

下一篇：slideDown和slideUp做手風琴