答案有點長您慢慢看1 html 超文本標記語言，標準通用標記語言下的一個應用“超文本”就是指頁面內可以包含圖片鏈接，甚至音樂程序等非文字元素2 css 層疊樣式表是一種用來表現(xiàn)HTML標準通用標記語言的一個；如果你導航背景切片是切局部圖就要這么寫bodybackgroundurlnav_bgjpg0px0pxrepeatx如果你做的是自適應屏幕的話，即沒有大容器包裹的情況，無需設置寬度，默認就是width100%，也無需浮動即CSS代碼#navback。

5代碼實現(xiàn)好后，在resources文件夾下配置下springmvcxml文件內容，這樣主要配置的是掃描注解的包和springmvc的視圖解析器6然后再點擊eclipse菜單欄上面的RunConfigurations來配置項目的啟動項7在打開的RunConfigurations；這是全部代碼，如果你會CSS的可以試著改一下就可以用了設置導航條的背景色 * 導航欄背景色* skinboxbd menulist linkbackground repeat scroll 0 0 #00ad08 * 導航列表背景色* skinbox。

用JS做的，很簡單我可以給你寫一個JS代碼你把需求發(fā)給我吧這是我給別人寫的，你可以參考一下，是不是這樣的效果lt！DOCTYPE html PUBLIC quotW3CDTD HTML 401 TransitionalENquot quot；1新建一個html頁面2在html頁面上新建三個div標簽，分別為這三個div添加class為headermainfooter3創(chuàng)建style標簽用于設置css樣式在title標簽下創(chuàng)建一個style標簽，然后為header類設置div的高背景顏色樣式4。

html頂部導航代碼

discuz如何修改模板導航欄彩色圖片首先在defaultcommon中找到commoncss文件用dreamweaver打開，找到下面的代碼#toptbminwidth960pxborderbottom1pxsolidcommonborder背景commonBG行高28px\ 設置上面的。

lt！ fontsize12px html，bodymargin0textaligncenteroverflowhiddenheight100%width100% ULliststyletype margin0px *標準盒模型* ttlheight18px cttheigh。

28后面的就是網(wǎng)頁的具體內容了，這里的代碼簡單一些38樣式里，我們先定義一些菜單里的樣式48這時運行頁面時，在滾動條滾動下去后，導航是會消失不見的58為了讓導航欄固定在頂部，我們可以在導航容器里添加樣式。

以下代碼已經(jīng)實現(xiàn)了需要的功能，導航條固定在了網(wǎng)頁的頂部，這個主要是使用positionfixed，然后將top值設置為0即可lt！DOCTYPE html 固定在窗口頂部 * padding0px margin0pxbody， ul， li background。

單憑DIV+CSS恐怕不行，你要是會JQ可以這么干jq部分$documentscrollfunctione if$documentscrollTop！=0$quot#test2quotstop $quot#test2quotanimatequottopquotquot0quotelse$quot#test2quot。

css中導航條設置1二個簡單的菜單導航條示例代碼 這篇文章主要介紹了二個簡單的菜單導航條示例，需要的朋友可以參考下，使用代碼案例詳解導航條設置，簡單明了的代碼可以做到舉一反三效果2CSS實現(xiàn)導航條Tab切換的三種方法。

function varnav= $#39#nav#39navattr#39otop#39， dvoffsettop 存儲原來的距離頂部的距離 windowscrollfunction st = Mathmax。

這是你在選擇模板的時候就有默認的，不用寫。

導航條居中間的代碼

導航欄下方1系統(tǒng)設置基本設置基本設置網(wǎng)站備案信息代碼 添加代碼 ifdocumentgetElementByIdquotad_textquot ！= nulldocumentgetElementByIdquotad_textquotinnerHTML=documentgetElementByIdquotggad_text。

如果你不會編程，可以到很多js源碼站，下載復制導航欄的源代碼，粘貼到網(wǎng)頁上使用也有不少網(wǎng)頁導航欄制作軟件，可以方便地做出需要的菜單，同樣可以復制到網(wǎng)頁上使用。