1、quot onclick=quotc1quot菜單二ltaltdiv id=quota0quot這里是文字ltdivltdiv id=quota1quot style=quotdisplayquot這里是圖片，自己寫(xiě)上ltimg src=quot圖片地址quotltdiv左側(cè)右側(cè)布局我沒(méi)給你寫(xiě)，只寫(xiě)了圖片文字切換功能；這個(gè)需要調(diào)整CSS樣式的，你用left樣式就可以了；只需要給h1綁定事件，單件它的時(shí)候，設(shè)置它的p屬性，display。

2、很簡(jiǎn)單啊，右邊放一個(gè)iframe框架，name值＝自定義昵稱，然后左邊鏈接里加上target=框架name的名稱，如ltiframe scr=quoturlquot name=abc，那么你左邊導(dǎo)航的鏈接里lta herf=#39#39 target=quotabcquot，這樣左邊的鏈接就會(huì)顯示在右邊的；大致思路左側(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)如下functiondisplay$ajaxtype；這問(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；stats_ctrl#39，#39r_nav#39=#39admin_product_business_count#39，8=array#39name#39=#39群組管理#39，#39main_page#39=#39group_ctrl#39，#39r_nav#39=#39useradmin#39，這是左側(cè)第一級(jí)菜單，循環(huán)這個(gè)，在它里面可以直接加入二級(jí)菜單；你可以給對(duì)應(yīng)的標(biāo)簽設(shè)置display顯示方式屬性為不顯示，或者也可以使用opacity透明度屬性value值為0 打了這么多字，希望您能夠采納祝您生活愉快；導(dǎo)航欄下面放一個(gè)Div，專門(mén)用來(lái)顯示對(duì)應(yīng)導(dǎo)航欄目的內(nèi)容點(diǎn)擊導(dǎo)航欄觸發(fā)點(diǎn)擊事件，在事件函數(shù)中獲取點(diǎn)擊的欄目id，通過(guò)此id確定往div中添加那個(gè)內(nèi)容可以用divinnerHTML來(lái)更新div顯示的內(nèi)容或者，導(dǎo)航欄下面放置多個(gè)Div，數(shù)量。

3、axure做出類似百度經(jīng)驗(yàn)頁(yè)面的左側(cè)步驟欄的效果，步驟1制作頁(yè)面 為了體現(xiàn)效果，需要做一個(gè)比較長(zhǎng)高的頁(yè)面，在Axure工作區(qū)中拖入4個(gè)矩形，分別為頂部標(biāo)題菜單頁(yè)面內(nèi)容底部設(shè)置矩形寬度和高度，讓其看起來(lái)像是一；1首先打開(kāi)我們的測(cè)試編輯工具如圖所示新建一個(gè)項(xiàng)目2然后打開(kāi)indexhtml文件，輸入以下代碼3首先第一個(gè)方法就是使用displayinlineblock將ul標(biāo)簽設(shè)置成行內(nèi)塊級(jí)元素然后將li標(biāo)簽設(shè)置為左浮動(dòng)即可4第二種方法就；一菜單是用CSSJS做的，其中各個(gè)菜單項(xiàng)的鏈接是先設(shè)定好的，網(wǎng)上有這種“特殊菜單”你可以搜一下，左側(cè)菜單和上邊的頁(yè)眉分別是一個(gè)單獨(dú)的頁(yè)面，在設(shè)計(jì)其他頁(yè)面是用這樣的指令將其包含進(jìn)去的二分頁(yè)放置內(nèi)容用動(dòng)態(tài)網(wǎng)頁(yè)。

4、縱向?qū)Ш讲藛我彩蔷W(wǎng)站應(yīng)用中的一種重要形式，所謂縱向?qū)Ш讲藛问侵阜胖迷诰W(wǎng)頁(yè)左側(cè)或右側(cè)的從上至下排列的一種導(dǎo)航形式先看一下效果吧 如圖所示的效果，我們先看一下代碼結(jié)構(gòu) ltdiv id=quotnavquot lth1CSSlth1 lth2；建議使用FF，Safari，舉個(gè)例子lt！doctype html lthtml lthead lttitleHTML5+CSS3+JavaScriptlttitle ltmeta；如果不想用傳統(tǒng)的頁(yè)面跳轉(zhuǎn)，可以考慮使用一下前端的MVC框架，比如backbonejs比如Angularjs都可以實(shí)現(xiàn)你說(shuō)的那種，上下不動(dòng)只有中間的內(nèi)容在變，其實(shí)加載的是不同的模板，然后用路由控制的，整個(gè)瀏覽器始終處在一個(gè)界面中；2在設(shè)置窗口上選擇“隱私位置相機(jī)”3在左側(cè)選擇“相機(jī)”4將允許使用攝像機(jī)的程序后面選擇“開(kāi)”dw菜單怎么制作1打開(kāi)dreamweaver，新建html，在右下方管理站點(diǎn)，然后新建站點(diǎn)，選擇一個(gè)你想放網(wǎng)站文件的位置；6首先去掉字體前面的小黑點(diǎn)代碼如下7預(yù)覽，如圖所示8接下來(lái)橫向排列文字，設(shè)置代碼如下，為李設(shè)置左浮動(dòng)效果9按F12預(yù)覽效果如下微信公眾號(hào)里面的視頻是怎么弄的這么小的公眾號(hào)里面是根據(jù)html5里面的框架設(shè)置。