1、在現(xiàn)在的條件下的話，可以使用一個(gè)div 并設(shè)置在絕對定位，使其能浮在頁面元素之上然后在div里加入一個(gè)ifram， src你的tophtml 就OK了；1首先打開電腦上的可編輯網(wǎng)頁的軟件，新建一個(gè)html頁面，然后將其保存在桌面上這里使用的是DW2接下來在body里面添加DIV標(biāo)簽，并在其內(nèi)使用ul無序列表和li標(biāo)簽制作一個(gè)一級菜單欄，代碼如圖片所示3因?yàn)椴藛螜谝话?；select標(biāo)簽實(shí)現(xiàn)注如果是聯(lián)動下拉菜單的話，需要通過js動態(tài)處理select中的option純css三級下拉菜單，下面是樣式表 *commonstyling* menufontfamilyarial，sansserifwidth750pxpositionrelativemargin0fontsize。

2、方法步驟寫好HTML代碼以實(shí)現(xiàn)下拉菜單在網(wǎng)頁上看到初步效果添加JavaScript代碼實(shí)現(xiàn)功能，hide函數(shù)實(shí)現(xiàn)display的隱藏在HTML代碼中引用show和hide函數(shù)CTR+S保存代碼，在瀏覽器中F5刷新網(wǎng)頁查看效果其他；下圖是IE8瀏覽器下的效果整體代碼如下lt！DOCTYPE htmllthtmlltheadltmeta charset=quotutf8quot ltstyleselect_diy border2px solid #c1c1c1 borderbottomcolor#d0d0d0borderradius5px padding8px；你可以放一個(gè)菜單控件，然后設(shè)定他的事件是當(dāng)鼠標(biāo)放到上面的時(shí)候顯示下拉菜單。

3、1編寫帶有div導(dǎo)航的html代碼2使用class=“nav”屬性的‘div’標(biāo)簽作為菜單的容器在截圖中，在圖示的HTML代碼中，一個(gè)簡單的無序列表ul來表示主菜單項(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。

4、html怎么制作導(dǎo)航下拉菜單圖標(biāo)如何設(shè)計(jì)隨著網(wǎng)絡(luò)技術(shù)的進(jìn)一步發(fā)展以及網(wǎng)站功能越來越復(fù)雜，對網(wǎng)站設(shè)計(jì)者以及網(wǎng)站制作者們提出了越來越大的挑戰(zhàn)和要求，為了設(shè)計(jì)出出彩的網(wǎng)站，必須掌握html制作軟件的使用下面，我們就一起來了解一；最好是用JS做，但是非要用CSS呢，也可以如下是我以前寫的一個(gè)CSS下拉，你可以參考一下lthtmlltheadlttitlelttitleltstyle*margin0padding0ul，liliststyletypepadding0margin0#nav li；用js調(diào)用可以啊 將top和foot頁面的代碼寫進(jìn)js文件，然后再需要顯示的地方調(diào)用例如ltscript src=quottopjsquotltscript；建議使用FF，Safari，舉個(gè)例子lt！doctype html lthtml lthead lttitleHTML5+CSS3+JavaScriptlttitle ltmeta。

5、您要的效果應(yīng)該是下面這樣的示例代碼如下lt！DOCTYPE HTMLlthtmllthead ltmeta；通過代碼ltselect設(shè)置一個(gè)下拉列表菜單，ltoption設(shè)計(jì)下拉菜單下面的值來達(dá)成效果代碼源件lthtml lthead ltmeta。

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