采用單頁面的方式，內(nèi)容都寫在頁面中，初始化時(shí)，僅顯示當(dāng)前內(nèi)容，其他內(nèi)容隱藏，通過點(diǎn)擊導(dǎo)航條來切換需要顯示的內(nèi)容采用iframe的方式，要顯示的內(nèi)容在主html中，內(nèi)容顯示在html的iframe標(biāo)簽中，通過改變iframe的src來加載不。

1新建html頁面 打開html編輯軟件，新建一個(gè)html頁面如圖2添加導(dǎo)航標(biāo)簽 在ltbody標(biāo)簽里新建一個(gè)ltulltul標(biāo)簽，然后在ltul標(biāo)簽里添加幾個(gè)ltliltli標(biāo)簽如圖3在ltli標(biāo)簽內(nèi)添加文字在新建的ltli添加。

1創(chuàng)建一個(gè)按鈕元素使用HTML元素創(chuàng)建一個(gè)按鈕，并設(shè)置其文本或圖標(biāo)等屬性2創(chuàng)建一個(gè)懸浮菜單列表使用HTML和元素創(chuàng)建一個(gè)無序列表，并在其中添加需要展示的菜單項(xiàng)，使用CSS樣式將該列表隱藏起來，使用JavaScript控制菜單。

href=quot target=quot_blankquot二級(jí)導(dǎo)航4lta ltli ltul ltli ltul ltdivltbodylthtml復(fù)制上面代碼，保存到后綴為html或者h(yuǎn)tm的文件中，用瀏覽器打開就可以。

點(diǎn)擊樣式，在彈出的工具條右側(cè)找到圓形按鈕彈2左鍵單擊圓形按鈕彈3在出現(xiàn)的彈窗中設(shè)置文字的行數(shù)，修改文字內(nèi)容。

1建立一個(gè)靜態(tài)頁命名為changehtml ，標(biāo)題為js導(dǎo)航點(diǎn)擊的怎么同時(shí)變圖片跟字體顏色2設(shè)置一個(gè)簡易的導(dǎo)航欄3加css 控制菜單的樣式，并加入背景圖片4為li添加id，創(chuàng)建函數(shù)fun ，并傳遞傳遞參數(shù)5為函數(shù)加入。

可以用positionfixed來固定div至網(wǎng)頁頭部，這樣就是導(dǎo)航菜單了。