这个用DIV+CSS就能写都不用JS，去百度一下css下拉菜单吧很简单。

就是一选项卡嘛，很简单，你用jquery轻松搞定不过如果你页面中没有引入jquery文件你得先下个jquery文件，然后放到你的JS文件夹里，然后在页面像引用JS那样在head里引用一下然后下面的代码我已经改好了lt%@ page。

lt！ 这里是鼠标悬停时显示的内容 菜单列表内容 菜单列表内容 菜单列表内容 原理。

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

不要用a标签，用div标签，然后点击事件用js驱动click事件，不要用herf。

ul的父级再添加class=quotactivequot的属性，即有了图一的效果以下是我写的js实现代码，放在公共js文件即可解释第1行取得当前url前的地址，去除url参数结果为第2行把url里按“。

CSS设置右侧menu 相对定位，默认隐藏点击显示。

quot onclick=quotc1quot菜单二这里是文字这里是图片，自己写上左侧右侧布局我没给你写，只写了图片文字切换功能。

我们可以通过设置collapse属性的值为 true 或 false 来控制菜单的折叠与展开解决方案 1实现一个按钮，2在data中定义一个数据collapse 3实现方法toggleCollapse 4在elmenu中动态绑定属性值collapse 问题在左侧菜单的。

1写好框架，右侧所有需要显示数据的都弄好id或class2写一个函数收集操作行数据，请求指定接口，返回数据给右侧框架赋值3左侧下拉一点onchange函数，函数要求第一步给所在行赋一个值表示要收集此行数据，第二联动切换。