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

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

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

href=quot target=quot_blankquot二級導航4lta ltli ltul ltli ltul ltdivltbodylthtml復制上面代碼，保存到后綴為html或者htm的文件中，用瀏覽器打開就可以。

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

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

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