然后用jq来操作鼠标经过的时候，显示菜单即可如图，我用到了滑动效果，具体可以自己查找一下slideToggle的用法哦；select标签实现注如果是联动下拉菜单的话，需要通过js动态处理select中的option纯css三级下拉菜单，下面是样式表 *commonstyling* menufontfamilyarial，sansserifwidth750pxpositionrelativemargin0fontsize。

这问题好纠结，最少来个截图啊，给你写个吧，粘过去就行，不行的话留个q，继续问 lt！DOCTYPE htmllthtml lthead ltmeta charset=quotutf8quot lttitle选项卡lttitle ltstyle type=quottextcssquot webkit；这个用jQuery就的toggle函数可以实现lt！DOCTYPE htmllthtml lang=quotenquotlthead ltmeta charset=quotUTF8quot lttitleTitlelttitleltscript src=quot ltstyle main liststyle float。

1创建两个html文件，一个test一个test22打开test页面，在里面创建一个div，并给其添加onmousedown与move方法3打开后我们发现是一个棕绿的页面4定义两个变量，startx为鼠标按下的坐标，endx为鼠标移动的坐标；用textarea，设置它的readonly属性只读 lttextarea readonly=quottruequotlttextarea或者直接用div就可以了固定个高度，设置overflowyscroll。

首先，我们需要在HTML中创建一个菜单栏，这个菜单栏包含若干个选项卡，每个选项卡对应一个页面具体结构如下```选项卡1 选项卡2 选项卡3 选项卡4 ```其中，menu是整个菜单栏的容器，ul中包含若干个li，每个li对应一。

需要准备的材料分别有电脑浏览器html编辑器1首先，打开html编辑器，新建html文件，例如indexhtml2在indexhtml中的ltbody标签中，输入html代码ltdiv style=quotposition fixed top 0right0quot导航lt；touchmove事件当手指在屏幕上滑动的时候连续地触发在这个事件发生期间，调用preventDefault事件可以阻止滚动touchend事件当手指从屏幕上离开的时候触发touchcancel事件当系统停止跟踪触摸的时候触发关于这个事件的确切。

显示合作div absolute定位，判断滚动到div位置的时候设置position为fixed，同时设置top为0 ltdiv style=quotheight500pxbackground#999quotltdiv ltdiv id=quotfixedMenuquot style=quotbackground#eeewidth100%quot我是菜单，我；jquery实现由一级导航菜单到二级滑动显示效果，并点击增加背景变化效果，代码挺简单的，但是也效果也很好，是非常实用的，也是很流行的菜单样式 htmlltdiv class=quotwebSchoolLquot id=quotwebSchoolLquot ltul class=quotleftTabquot id=。

另，你说的手机端用手指滑动，在 HTML 中是由浏览器根据手势触控事件来支持的，jQuery 超越不了浏览器对 JS 的支持，因为 jQuery 就是 JS 的程序包如果使用 Mouse 事件来实现，也不是不可以，因为手势触控的本质无非；可以的呀，你可以用意派Epub360在线H5页面制作工具实现上下左右自由翻页做法很简单，只要在这里修改设置就行了，如图。

3保存html代码页面，使用浏览器打开，这个时候我们发现select下拉菜单是可以点击修改的4回到html代码页面，在select标签上添加disabled=quotdisabledquot属性5保存html代码页面，回到浏览器页面上刷新页面，这个时候会发现select；ltdiv class=quotwrapquot style=quot这个宽度固定，可以是百分比，设置超出隐藏quot ltul style=quot这个宽度设置足够长，移动就是这个元素的left值quot ltli黄色ltli ltli绿色ltli ltli黄色ltli ltul ltdiv。