1、1用框架页布局，是最简单的 2用ajax技术，右边每次js动态生成内容；我理解的下拉菜单是 select 标签，长度为 option 的个数获取select对象var oSelect = documentgetElementByIdselect_id获取option长度oSelectlength如果需要获取select的高度或者宽度获取select对象var oSelect = documentgetElementById；你这个class=quotn”是不能设置高度的，你设置高度了 肯定会覆盖，取消高度；前端技术的朋友们，本篇内容为你们带来的是几种简洁美观的侧边栏菜单模板，这些模板均采用了HTML5和CSS3技术，部分还加入了动画效果想要获取全部代码的朋友，欢迎与我联系，我将无偿分享给大家模板一经典可切换主题的侧边栏，使用HTML5和CSS3构建，具备动态主题切换功能，为用户提供了丰富的视觉。

2、关键在于 下级菜单平时 display 而当上级菜单的超链接被鼠标放上时 即 ahover，下级菜单 displayblock 比如下级菜单 的class 是 submenu， 上级菜单 menu submenu display 平时隐藏 menu ahover submenu displayblock 要保证 每个submenu是a 的子元素；如果你左侧是一个树结构的话，那就使用jquery去获取树的结构，然后把数据内容整到右侧；nlfloat leftwidth 66pxmargintop18pxmarginright47pxcolor #ffflineheight 48px 加上 positionrelativenlu 加上 positionabsolute 在调整top，left，right，就差不多了，要使用相对，绝对定位来使二级菜单浮动脚本宝典 脚本 为你提供，如果有疑问可以去上面看下；一级菜单固定高度，但需要 overflowvisible二级菜单默认隐藏的 display；写js代码 1，for循环遍历菜单 2默认菜单1蓝色背景，其他的无色 3鼠标点击触发事件，根据index标号来确定点击的是哪一个菜单，选中的菜单变蓝色index这个属性在元素里面一般没有，但是在js里面可以加上思路大体这样，下面给你参考代码效果。

3、#39pagehtml#39 弹出窗口的文件名 #39newwindow#39 弹出窗口的名字不是文件名，非必须，可用空#39#39代替 height=100 窗口高度 width=400 窗口宽度 top=0 窗口距离屏幕上方的象素值 left=0 窗口距离屏幕左侧的象素值 toolbar=no 是否显示工具栏，yes为显示 menubar，scrollbars 表示菜单栏和滚动栏 Resizable=；javascriptquot onclick=quotc0quot菜单一ltalta href=quotjavascriptquot onclick=quotc1quot菜单二ltaltdiv id=quota0quot这里是文字ltdivltdiv id=quota1quot style=quotdisplayquot这里是图片，自己写上ltimg src=quot图片地址quotltdiv左侧右侧布局我没给你写，只写了图片文字切换功能；把html文件保存后，使用浏览器打开即可看到横向导航菜单效果如图1a标签既可以当作链接符号来用，本身也是行内标签的一种，直接用a标签输入文字，可以直接在横排显示2可以做出如图所示效果，横排显示的导航3如果想要对整体的导航进行移动位置，可以对整个的a标签添加上一个大的盒子div，这样对；不知道你做过轮播没有，一样的道理，这个还更简单，事件触发，改变整体的left值，当然手机上的事件和pc是不一样的ltdiv class=quotwrapquot style=quot这个宽度固定，可以是百分比，设置超出隐藏quot ltul style=quot这个宽度设置足够长，移动就是这个元素的left值quot ltli黄色ltli ltli绿色ltli ltli黄；写个function 把DIV层的Dispaly属性设成None不就折叠起来了，设成Block就展开了 styledisplay=#39#39。

4、html 选项1 选项2 选项3 这里的`id`属性对于后续CSS样式化很重要2 CSS样式化 接下来，通过CSS对下拉菜单进行样式化你可以设置下拉菜单的整体样式，以及下拉菜单选项的样式例如css mySelect width 200px * 设置下拉菜单宽度 * height auto * 高度自适应 * border 1px；可以使用iframe，iframe内部是另外一个页面，在点击菜单的时候动态改变iframe的地址也可以使用页面路由，一般在vue，layui等框架可以使用路由切换页面内容显示还有就是可以使用自定义方法，在点击菜单的时候，更改页面当中的html，如quotdocumentgetElementById#x27content#x27innerHTML=#x27；称作Tab效果，用JS实现的原理1点击菜单，获取被点击菜单的索引值2隐藏下方所有菜单需显示内容的容器3只显示当前被点击的菜单的内容容器说明索引值可通过自定义属性获取，也可以JS动态获取Tab效果；下面放一个层或者表格什么的，设置为不可见点击链接后，调用js事件，将他们的属性改为可见就OK了。