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

1首先我們打開(kāi)html開(kāi)發(fā)工具，新建一個(gè)html代碼頁(yè)面2在html代碼頁(yè)面上創(chuàng)建一個(gè)select下拉菜單3保存html代碼頁(yè)面，使用瀏覽器打開(kāi)，這個(gè)時(shí)候我們發(fā)現(xiàn)select下拉菜單是可以點(diǎn)擊修改的4回到html代碼頁(yè)面，在select標(biāo)簽上。

Axure隱藏HTML文件的菜單列表方法第一，Axure生成HTML文件時(shí)，選擇頁(yè)面只勾選需求目錄大綱，點(diǎn)擊生成第二，找到剛才生成的HTML文件并打開(kāi)，找到data文件并打開(kāi)，剪切這個(gè)js文件存放到桌面第三，再次用Axure生成HTML文件。

如圖所示，二級(jí)下拉菜單一般都是這樣來(lái)制作的，就是在li標(biāo)簽里面再放一個(gè)ul標(biāo)簽然后就會(huì)有這樣的效果了，不過(guò)距離二級(jí)菜單有點(diǎn)差距接著我們先把二級(jí)下拉菜單之間的margin和padding值去掉然后設(shè)置divulli，需要注意的是。

1編寫帶有div導(dǎo)航的html代碼2使用class=“nav”屬性的‘div’標(biāo)簽作為菜單的容器在截圖中，在圖示的HTML代碼中，一個(gè)簡(jiǎn)單的無(wú)序列表ul來(lái)表示主菜單項(xiàng)3在主菜單區(qū)域中添加鏈接在本步驟中，在無(wú)序列表。

ltselect定義為下拉列表菜單標(biāo)簽 ltOption定義下拉列表數(shù)據(jù)標(biāo)簽 ltValue 定義傳輸?shù)亩?實(shí)現(xiàn)原理通過(guò)代碼ltselect設(shè)置一個(gè)下拉列表菜單，ltoption設(shè)計(jì)下拉菜單下面的值來(lái)達(dá)成效果代碼源件lthtml lthead ltmeta。

方法如下方法一HTML 1創(chuàng)建CSS菜單的HTML代碼框架我們使用class=“nav”屬性的‘div’標(biāo)簽作為菜單的容器在截圖中，在圖示的HTML代碼中，一個(gè)簡(jiǎn)單的無(wú)序列表ul來(lái)表示主菜單項(xiàng)2在主菜單區(qū)域中添加鏈接在。

html中伸縮菜單，靠當(dāng)獨(dú)的一個(gè)html或者是css做不出來(lái)的，一般是結(jié)合jQ或者是js來(lái)實(shí)現(xiàn)，這里我就用JS來(lái)舉例吧，主要是做好一個(gè)目錄，一般是用ulli去布局好就行，然后在給一個(gè)id，在通過(guò)Js去獲取對(duì)象，然后設(shè)置鼠標(biāo)的。

lt？php$select_value = isset$_GET#39select#39 ？ $_GET#39select#39 #39#39？ltform action=quot？quotltselect name=quotselectquot ltoption value=quotquotdefaultltoption ltoption value=quotoption1quot lt？php echo $select。

2在主菜單區(qū)域中添加鏈接在本步驟中，在無(wú)序列表ul每一項(xiàng)上添加鏈接3在“關(guān)于我們About Us”下方LI標(biāo)簽內(nèi)添加一個(gè)無(wú)序列表，它代表其子菜單的鏈接4在HTML代碼中添加樣式表鏈接目前我們已經(jīng)完成了。

==#39#39？#39#39#39#39quot經(jīng)濟(jì)貿(mào)易學(xué)院 ltdivlta ltdiv id=quotchild1quot style=quotdisplayquot lta href=quotzydzswhtmlquot target=quotzynrquot電子商務(wù)ltaltbr lta href=quot。

代碼效果圖代碼含義ltselect定義為下拉列表菜單標(biāo)簽 ltOption定義下拉列表數(shù)據(jù)標(biāo)簽 ltValue 定義傳輸?shù)亩?實(shí)現(xiàn)原理通過(guò)代碼ltselect設(shè)置一個(gè)下拉列表菜單，ltoption設(shè)計(jì)下拉菜單下面的值來(lái)達(dá)成效果代碼源件lthtml。

現(xiàn)在我們?yōu)閚av添加樣式，首先去掉默認(rèn)的margin和padding，再去掉ltullt li標(biāo)簽的liststyle樣式和lta標(biāo)簽的默認(rèn)下劃線接下來(lái)再添加適當(dāng)?shù)臉邮礁鶕?jù)實(shí)際需要添加進(jìn)行美化，如一下樣式ltstyle type=quottextcssquot。

使用HTML和CSS制作下拉菜單的方法如下1編寫帶有div導(dǎo)航的html代碼2使用class=“nav”屬性的‘div’標(biāo)簽作為菜單的容器在截圖中，在圖示的HTML代碼中，一個(gè)簡(jiǎn)單的無(wú)序列表ul來(lái)表示主菜單項(xiàng)3在主菜單區(qū)域中。

下拉菜單實(shí)現(xiàn)代碼如下ltHTML ltHEAD ltSCRIPT LANGUAGE=quotjavascriptquot ltSCRIPT ltSCRIPT LANGUAGE=quotjavascriptquot function Body_InitoSelect，oText var iLeft= oSelectoffsetLeftvar iTop = oSelectoffsetTopv。

一般WEB開(kāi)發(fā)把頁(yè)面分成3個(gè)模塊headertpl contenttpl footertplhead和footer一般都是固定不變的，唯一變化的部分是content你說(shuō)的菜單應(yīng)該是header部分的導(dǎo)航部分例如主頁(yè)的代碼可以這樣寫lthtml ltheadlthead lt。