1首先輸入下方的代碼windowscrollfunction var $nav = $quotfloatingMenu ul liquot，length = $navlength1，獲取導航菜單 ul li 的個數(shù) item = new Array，新建一個數(shù)組 sTop = $window。

3在瀏覽器中打開頁面，可以看到已經制作成了一個比較美觀的垂直導航欄4將鼠標滑向垂直導航欄的列表項上，可以看到列表項顏色發(fā)生變化5也可以制作成水平導航欄，overflow hidden代碼的意思是超出高度和寬度的部分。

然后就需要在style標簽中用CSS對導航條的樣式進行定義了，如下圖所示，書寫樣式的時候一定要注意寫在style標簽里面 最后運行html頁面，你就會看到如下圖所示的導航條，當鼠標放在某個導航上時，背景色會變成紅色。

這是全部代碼，如果你會CSS的可以試著改一下就可以用了設置導航條的背景色 * 導航欄背景色* skinboxbd menulist linkbackground repeat scroll 0 0 #00ad08 * 導航列表背景色* skinbox。

urlnav_bgjpg0px0pxrepeatx如果你做的是自適應屏幕的話，即沒有大容器包裹的情況，無需設置寬度，默認就是width100%，也無需浮動即CSS代碼#navbackgroundurlnav_bgjpg0px0pxrepeatxclearboth。

代碼如下 也就是我的網站的導航欄你可以去看看 ltSTYLE type=textcss ** body fontsize12px textaligncenter margintop30px fontfamilyVerdana div，imgmargin0。