十年网站开发经验+多家企业客户+靠谱的建站团队
量身定制+运营维护+专业推广+无忧售后，网站问题一站解决
最简单的方法就是将二级菜单都使用绝对定位，然后指定好每个二级菜单显示的位置。但我不建议这么做。可以定义一个容器来专门显示二级菜单。这个容器的高和宽可以根据一级菜单和屏幕宽度来限制。这样，二级菜单都将从顶部对齐。
首先，我们引用normalize.css作为默认样式，以确保我们的菜单在每个浏览器是一样的。我们使用字体图标fontawesome来显示菜单项向下的图标。我们还需要引用jQuery来实现菜单的切换。面板按钮每个网站面板导航按钮都类似。
首先将菜单条隐藏，这种情况一般赋予其CSS属性：display：none；来隐藏。然后通过jquery赋予它事件：点击或者鼠标移入。通过这个事件绑定由下向上滑动的slideUp()。最后通过点击或者鼠标移出绑定由上向下滑动的slideDown()。
要使用jQuery创建三级菜单，您需要使用HTML和CSS来定义菜单的结构和外观，并使用jQuery添加交互性和功能。例如，这可能涉及使用jQuery隐藏和显示菜单的不同级别，或突出显示当前选定的菜单项。
2、如果你的div是通过position：absolute绝对定位的，且通过相对与底部定位，如bottom：0px这个时候调用slideDown就是向上展开的（因为slideDown说白了就是动态改变元素高度，底部定位固定，高度变高的时候就向上扩展了）。
3、html5+css3+jquery动画可以实现不过这里的细节技术很多，工作量非常大。而且对图片的处理要很细。
4、animate实现动画过渡效果。on、mousedown、mousemove和mouseup等鼠标动作事件。position、offset等获取位置方法。
5、可以用fadeIn()和fadeOut()方法，分别是淡入和淡出。
这里使用jquery实现展开、隐藏特效，点击列表标题后该项内容展开，其它项收缩起来，也就是不显示了。个人喜好了，有的喜欢在默认状态下不显示其它选项的内容，这个就是这种情况，仅供参考吧。
鼠标指向或者点击按钮出现菜单后，如果要单击页面任意位置让菜单隐藏。很简答可以直接用Jquery，给document对象加一个单击事件后，用jquery选择器定位到要隐藏的菜单上，修改css样式的display为none即可。
Jquery使用内置的show和hide方法就可以实现，具体的操作步骤首先需要打开hbuilder编辑器，新建一个a标签和一段隐藏的div，设置好它们的id属性，并设置一些简单的样式：然后引入Jquery的库文件，编写代码。
新建一个html文件，命名为test.html，在test.html文件内，使用ul标签、li标签创建一个列表，用于测试。在test.html文件内，给ul标签设置一个id属性，用于获得ul对象。
新建HTML文件。引入jquery.min.js文件。创建HTML内容。预览效果如图。用jquery创建点击事件，点击隐藏按钮，p内容隐藏。用jquery创建点击事件，点击显示按钮，p内容显示。
(function(){varnav=$(.nav)；//得到导航对象varwin=$(window)；//得到窗口对象varsc=$(document)；//得到document文档对象。
class1tdclassName=class2width=300bbb手写的代码希望能有启发。如果你不是用jquery你得为td设置个id。通过id来控制不同的显示。
给每个导航选项一个属性，保存楼层id；每个楼层都有一个id；监听页面滚动事件，如果当前滚动到某一个楼层，就更新导航选中。不一定非要是id，主要是维护两者对应关系。
新建一个html文件，命名为test.html。在test.html文件内，使用div标签创建一行文字，文字内容为“小明”。在test.html文件内，设置div标签的id属性为mytext，主要用于下面通过该id获得div对象。
这是自己封装的原生js方法，为了偷懒，用了电jqurey。
横排要滑动的图片，然后设置一张图片的宽度；其他地方隐藏掉。用js/jq控制每次滑动的宽度为一张图片的宽度。到最后一张的时候，滑动位置变为初始位置就可以了。反方向也是如此，滑动就完成了。
animate实现动画过渡效果。on、mousedown、mousemove和mouseup等鼠标动作事件。position、offset等获取位置方法。
因为jQuery就是JS的程序包。如果使用Mouse事件来实现，也不是不可以，因为手势触控的本质无非还是Mouse事件同源的衍生计算。费老鼻子劲使用Mouse事假实现一个有加速减速效果的导航滑动，不经济。供参考。
1、document.addEventListener(touchend，function(e){//这里放手指移出去的代码，可以取到手指移出后屏幕上的坐标，在e中取。
2、首先，我们引用normalize.css作为默认样式，以确保我们的菜单在每个浏览器是一样的。我们使用字体图标fontawesome来显示菜单项向下的图标。我们还需要引用jQuery来实现菜单的切换。面板按钮每个网站面板导航按钮都类似。
3、jquery监听页面滚动使用的方法：.scroll()。新建一个HTML文档，定义的高度。创建JS脚本，使用.scroll()方法监听页面滚动。如果页面发生滚动，则执行函数，弹出一个hello。