這個用DIV+CSS就能寫都不用JS，去百度一下css下拉菜單吧很簡單。

就是一選項卡嘛，很簡單，你用jquery輕松搞定不過如果你頁面中沒有引入jquery文件你得先下個jquery文件，然后放到你的JS文件夾里，然后在頁面像引用JS那樣在head里引用一下然后下面的代碼我已經(jīng)改好了lt%@ page。

lt！ 這里是鼠標懸停時顯示的內(nèi)容 菜單列表內(nèi)容 菜單列表內(nèi)容 菜單列表內(nèi)容 原理。

lt！doctype htmllt！只做一個模板，樣式就不做了*margin 0padding 0#containerheight 180pxwidth 240pxmargin 200px auto#btnfloat leftwidth 60pxheight 180px#tabfloat right。

不要用a標簽，用div標簽，然后點擊事件用js驅(qū)動click事件，不要用herf。

ul的父級再添加class=quotactivequot的屬性，即有了圖一的效果以下是我寫的js實現(xiàn)代碼，放在公共js文件即可解釋第1行取得當前url前的地址，去除url參數(shù)結(jié)果為第2行把url里按“。

CSS設(shè)置右側(cè)menu 相對定位，默認隱藏點擊顯示。

quot onclick=quotc1quot菜單二這里是文字這里是圖片，自己寫上左側(cè)右側(cè)布局我沒給你寫，只寫了圖片文字切換功能。

我們可以通過設(shè)置collapse屬性的值為 true 或 false 來控制菜單的折疊與展開解決方案 1實現(xiàn)一個按鈕，2在data中定義一個數(shù)據(jù)collapse 3實現(xiàn)方法toggleCollapse 4在elmenu中動態(tài)綁定屬性值collapse 問題在左側(cè)菜單的。

1寫好框架，右側(cè)所有需要顯示數(shù)據(jù)的都弄好id或class2寫一個函數(shù)收集操作行數(shù)據(jù)，請求指定接口，返回數(shù)據(jù)給右側(cè)框架賦值3左側(cè)下拉一點onchange函數(shù)，函數(shù)要求第一步給所在行賦一個值表示要收集此行數(shù)據(jù)，第二聯(lián)動切換。