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

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

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

html頂部導(dǎo)航代碼

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

lt！ fontsize12px html，bodymargin0textaligncenteroverflowhiddenheight100%width100% ULliststyletype margin0px *標(biāo)準(zhǔn)盒模型* ttlheight18px cttheigh。

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

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

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

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

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

這是你在選擇模板的時(shí)候就有默認(rèn)的，不用寫。

導(dǎo)航條居中間的代碼

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

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