left的方法比如讓class為menu的元素寬為300px，高100%的，設(shè)置left為300px在這期間可以加一個(gè)過(guò)渡transitionleft 03s 然后讓class為menu active的元素設(shè)置 left設(shè)置為0就可以了 ，在這期間可以加一個(gè)過(guò)渡trans。

然后設(shè)置導(dǎo)航條的li左浮動(dòng)，并且去掉li前面的圓點(diǎn)，讓導(dǎo)航條更好看然后設(shè)置導(dǎo)航條的a標(biāo)簽轉(zhuǎn)塊級(jí)，以及導(dǎo)航條菜單的寬高，文字顏色，水平垂直居中和背景色以及去掉a標(biāo)簽的下劃線接著設(shè)置鼠標(biāo)經(jīng)過(guò)導(dǎo)航條菜單變色即可最后。

左側(cè)菜單，給每個(gè)菜單設(shè)置id和onclick點(diǎn)擊事件，onclick事件觸發(fā)的函數(shù)假設(shè)寫(xiě)為display右側(cè)寫(xiě)個(gè)固定樣式的div，id假設(shè)設(shè)置為board如果你的菜單內(nèi)容在服務(wù)器 display的實(shí)現(xiàn)如下 function display $ajax。

quot onclick=quotc1quot菜單二ltaltdiv id=quota0quot這里是文字ltdivltdiv id=quota1quot style=quotdisplayquot這里是圖片，自己寫(xiě)上ltimg src=quot圖片地址quotltdiv左側(cè)右側(cè)布局我沒(méi)給你寫(xiě)，只寫(xiě)了圖片文字切換功能。

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

1菜單不僅僅是一張印有字的紙，更是一個(gè)能感受到餐廳文化特色的載體2制作菜牌的材料一般有皮質(zhì)封面封面又可以燙金燙銀不銹鋼LOGO凹凸印等等，菜牌紙張可以是相紙，銅板紙，特種紙等，更有些客戶希望獨(dú)特還。

你先給一個(gè)div，width200pxheight400pxfloatleft 在這個(gè)div里面放10個(gè)小的divwidth200pxheight40px 然后就是js了，你想要什么效果，就在hover或者click里面加個(gè)人默認(rèn)你懂jQ。

這問(wèn)題好糾結(jié)，最少來(lái)個(gè)截圖啊，給你寫(xiě)個(gè)吧，粘過(guò)去就行，不行的話留個(gè)q，繼續(xù)問(wèn) lt！DOCTYPE htmllthtml lthead ltmeta charset=quotutf8quot lttitle選項(xiàng)卡lttitle ltstyle type=quottextcssquot webkit。

剛進(jìn)入dreamweaver點(diǎn)擊新建下方的更多，然后選擇空白頁(yè)，頁(yè)面類型選擇html模板，布局選無(wú)就行了插入一個(gè)表格菜單欄中選擇插入，再找到表格，表格里的布局自己根據(jù)需要設(shè)置，在這里我設(shè)置為行數(shù)為5，列為1，表格寬度為1000。

關(guān)鍵在于 下級(jí)菜單平時(shí) display 而當(dāng)上級(jí)菜單的超鏈接被鼠標(biāo)放上時(shí) 即 ahover，下級(jí)菜單 displayblock 比如下級(jí)菜單 的class 是 submenu， 上級(jí)菜單 menu submenu display 平時(shí)隱藏 menu ahover。

工具材料 Ultraedit 首先我們打開(kāi)Ultraedit軟件，然后切換到編輯菜單，點(diǎn)擊插入模板下面的修改模板選項(xiàng)，如下圖所示 接下來(lái)在彈出的修改模板界面，在模板組的下拉框中選擇HTML選項(xiàng)，如下圖所示 然后我們點(diǎn)擊左下角的加號(hào)按鈕。

lta href=quotBKK01htmlquot target=quotmainContentquotKnitlta 這種方式只適合框架 如果你一定要使用div，那么只能使用js中的ajax取得BKK01html的html源然后預(yù)置到div中。

這個(gè)用DIV+CSS就能寫(xiě)都不用JS，去百度一下css下拉菜單吧很簡(jiǎn)單。

1新建html頁(yè)面 打開(kāi)html編輯軟件，新建一個(gè)html頁(yè)面如圖2添加導(dǎo)航標(biāo)簽 在標(biāo)簽里新建一個(gè) 標(biāo)簽，然后在標(biāo)簽里添加幾個(gè)標(biāo)簽如圖3在 標(biāo)簽內(nèi)添加文字在新建的 添加要顯示的內(nèi)容如圖4創(chuàng)建樣式標(biāo)簽 在標(biāo)簽。

1用框架頁(yè)布局，是最簡(jiǎn)單的 2用ajax技術(shù)，右邊每次js動(dòng)態(tài)生成內(nèi)容。

你設(shè)置下樣式ol，lipadding0margin0看看，如果ol還有父標(biāo)簽，將父標(biāo)簽的padding和margin也重設(shè)成0看看。

lt！doctype htmllthtmlltheadltmeta charset=quotutf8quotlttitle無(wú)標(biāo)題文檔lttitleltstyle type=quottextcssquotlt！* margin0 padding0 liststyle borderdiv margin0 auto#Menu width。

如果不想用傳統(tǒng)的頁(yè)面跳轉(zhuǎn)，可以考慮使用一下前端的MVC框架，比如backbonejs比如Angularjs都可以實(shí)現(xiàn)你說(shuō)的那種，上下不動(dòng)只有中間的內(nèi)容在變，其實(shí)加載的是不同的模板，然后用路由控制的，整個(gè)瀏覽器始終處在一個(gè)界面中。