1、quot onclick=quotc1quot菜單二ltaltdiv id=quota0quot這里是文字ltdivltdiv id=quota1quot style=quotdisplayquot這里是圖片，自己寫上ltimg src=quot圖片地址quotltdiv左側(cè)右側(cè)布局我沒(méi)給你寫，只寫了圖片文字切換功能；1編寫帶有div導(dǎo)航的html代碼2使用class=“nav”屬性的‘div’標(biāo)簽作為菜單的容器在截圖中，在圖示的HTML代碼中，一個(gè)簡(jiǎn)單的無(wú)序列表ul來(lái)表示主菜單項(xiàng)3在主菜單區(qū)域中添加鏈接在本步驟中，在無(wú)序列表；方法如下方法一HTML 1創(chuàng)建CSS菜單的HTML代碼框架我們使用class=“nav”屬性的‘div’標(biāo)簽作為菜單的容器在截圖中，在圖示的HTML代碼中，一個(gè)簡(jiǎn)單的無(wú)序列表ul來(lái)表示主菜單項(xiàng)2在主菜單區(qū)域中添加鏈接在；是這樣的效果吧這是具體的代碼，用純CSS寫的，希望能幫助到你lt！doctype html lthtml lthead ltmeta charset=quotutf8quot lttitle底部菜單上彈且固定lttitle ltstyle margin0 padding0 body margin。

2、html5中menu和nav的區(qū)別如下1menu就是頁(yè)面中的菜單，而nav是導(dǎo)航條 2菜單是一組控件的集合，比如按鈕，文本框等，通常菜單都要關(guān)聯(lián)一個(gè)js事件進(jìn)行人機(jī)交互導(dǎo)航是網(wǎng)站的一組鏈接的集合，主要是a標(biāo)簽，這些鏈接是；建議使用FF，Safari，舉個(gè)例子lt！doctype html lthtml lthead lttitleHTML5+CSS3+JavaScriptlttitle ltmeta。

3、下拉菜單，其實(shí)就是使用HTML+css和一些小小的js就能很簡(jiǎn)單的實(shí)現(xiàn)，首先需要你有至少有2個(gè)div然后在將第一個(gè)div作為父級(jí)元素，然后在使用positionabsolut絕對(duì)定位一下然后在使用JS，獲取對(duì)象，然后添加一個(gè)鼠標(biāo)的onmouseover；給你一個(gè)JQ的三級(jí)聯(lián)動(dòng)lt！doctype htmllthtmlltheadlttitlelttitleltmeta charset = quotutf8quotltheadltstyleltstyleltbodyltselect id=quotonequotltoption value=quotquot請(qǐng)選擇省份ltoptionltselectltselect id=quot。

4、簡(jiǎn)單地說(shuō)，在需要出現(xiàn)右鍵菜單的元素上給 contextmenu 事件綁定顯示菜單的處理即可建議用 jQuery，實(shí)現(xiàn)起來(lái)比較容易，因?yàn)橛鞋F(xiàn)成的插件比如這兩個(gè)；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)簽上；1新建html頁(yè)面 打開(kāi)html編輯軟件，新建一個(gè)html頁(yè)面如圖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添加。

5、ltscript windowonload = function 因?yàn)槭欠旁谧钋懊?，元素沒(méi)有加載完成所以要加上windowonload表示加載完成 windowbtn = documentgetElementById#39menubtn#39通過(guò)ID來(lái)獲取菜單打開(kāi)按鈕文字圖片均可實(shí)；使用CSS方法實(shí)現(xiàn)的效果當(dāng)鼠標(biāo)懸停在科目上時(shí)，出現(xiàn)2級(jí)下拉菜單，2級(jí)菜單中包括“語(yǔ)文”，“數(shù)學(xué)”，此方法為純CSS樣式表功能實(shí)現(xiàn)，無(wú)任何js代碼lthtml lthead ltstyle type=quottextcssquot margin0px padding；left的方法比如讓class為menu的元素寬為300px，高100%的，設(shè)置left為300px在這期間可以加一個(gè)過(guò)渡transitionleft 03s 然后讓class為menu active的元素設(shè)置 left設(shè)置為0就可以了 ，在這期間可以加一個(gè)過(guò)渡trans；如果不想用傳統(tǒng)的頁(yè)面跳轉(zhuǎn)，可以考慮使用一下前端的MVC框架，比如backbonejs比如Angularjs都可以實(shí)現(xiàn)你說(shuō)的那種，上下不動(dòng)只有中間的內(nèi)容在變，其實(shí)加載的是不同的模板，然后用路由控制的，整個(gè)瀏覽器始終處在一個(gè)界面中。