1、這個過程中 需要注意 body需要overflowhidden 不然會有滾動條，可設置overflo即可left 和 translate 最好用translate ，translate3d可以開啟GPU硬件加速，性能會更好，體驗會更流暢 我github有類似小組件樣式 github；關鍵在于 下級菜單平時 display 而當上級菜單的超鏈接被鼠標放上時 即 ahover，下級菜單 displayblock 比如下級菜單 的class 是 submenu， 上級菜單 menu submenu display 平時隱藏 menu ahover；select #160！ 下拉菜單選項將在這里添加 select 2在select標簽之間，添加option標簽來定義每個選項select #160option value=quotoption1quot選項1option #160option value=quotoption2quot選項2option。

2、12 31單擊圖片屬性檢查按鈕，單擊圖片屬性檢查按鈕，可以將其變?yōu)橄嚓P內容的屬性；首先需要打開自己電腦上的DW軟件，新建一個html頁面，然后將其保存在桌面上接下來我們需要在body里面添加DIV標簽，并在其內使用ul無序列表和li標簽制作一個一級菜單欄，代碼和瀏覽器的效果如下面兩張圖片所示因為菜單欄；display的實現(xiàn)如下 function display $ajax type quotPOSTquot， url 菜單所請求的內容地址， data thisid等等相關的請求標志， success funtiondata$#39board#39htmldata，返回數(shù)據(jù)填充；方法如下方法一HTML 1創(chuàng)建CSS菜單的HTML代碼框架我們使用class=“nav”屬性的‘div’標簽作為菜單的容器在截圖中，在圖示的HTML代碼中，一個簡單的無序列表ul來表示主菜單項2在主菜單區(qū)域中添加鏈接在。

3、單純的實現(xiàn)效果有很多種方法直接跳轉頁面也行，下拉菜單包著a標簽 下面用iframe，也行，點擊的時候用js替換src lt！DOCTYPE html lthtml ltheadltmeta charset=quotutf8quot lttitlelttitleltscript src=quot；18首先我們的html里，添加好導航內容28后面的就是網(wǎng)頁的具體內容了，這里的代碼簡單一些38樣式里，我們先定義一些菜單里的樣式48這時運行頁面時，在滾動條滾動下去后，導航是會消失不見的58為了讓導航欄；點擊樣式，在彈出的工具條右側找到圓形按鈕彈2左鍵單擊圓形按鈕彈3在出現(xiàn)的彈窗中設置文字的行數(shù)，修改文字內容；1編寫帶有div導航的html代碼2使用class=“nav”屬性的‘div’標簽作為菜單的容器在截圖中，在圖示的HTML代碼中，一個簡單的無序列表ul來表示主菜單項3在主菜單區(qū)域中添加鏈接在本步驟中，在無序列表。

4、通過代碼ltselect設置一個下拉列表菜單，ltoption設計下拉菜單下面的值來達成效果代碼源件lthtml lthead ltmeta；1首先我們打開html開發(fā)工具，新建一個html代碼頁面2在html代碼頁面上創(chuàng)建一個select下拉菜單3保存html代碼頁面，使用瀏覽器打開，這個時候我們發(fā)現(xiàn)select下拉菜單是可以點擊修改的4回到html代碼頁面，在select標簽上；ltli ltul ltli ltul ltdivltbodylthtml復制上面代碼，保存到后綴為html或者htm的文件中，用瀏覽器打開就可以看到效果效果圖如下；可以用positionfixed來固定div至網(wǎng)頁頭部，這樣就是導航菜單了。