本文主要介绍了基于jquery实现手风琴菜单、层级菜单、置顶菜单、无缝滚动菜单的图文说明，本文效果展示和代码实现给大家介绍的非常详细,需要的朋友可以参考下，希望能帮助到大家。
一、手风琴菜单效果图及代码如下：
手风琴效果制作
- 风景图01 @@##@@
- 风景图02 @@##@@
- 风景图03 @@##@@
- 风景图04 @@##@@
- 风景图05 @@##@@
二、上卷下拉式（层级）菜单效果图和代码如下：
用jQuery中的slideToggle制作菜单
三、置顶菜单（当一个菜单到达页面顶部时，停在那）
置顶菜单 @@##@@
网站主内容一
网站主内容二
回到顶部
四、无缝滚动效果图及代码如下：
无缝滚动
- @@##@@
- @@##@@
- @@##@@
- @@##@@
- @@##@@
以上菜单涉及到的知识点如下：
四、jQuery
1、slideDown（）向下展示
2、slideUp（）向上卷起
3、slideToggle（）依次展开或卷起某个元素
五、jQuery链式调用
jquery对象的方法在执行完之后返回这个jquery对象，所有的jQuery对象的方法可以连起来写：
$("#p1").chlidren("ul").slideDown("fast").parent().siblings().chlidren("ul").slideUp("fase")$("#p1").//id位p1的元素
.chlidren("ul") //该元素下的ul子元素
.slideDown("fast") //高度从零到实际高度来显示ul元素
.parent() //跳转到ul的父元素，也就是id为p1的元素
.siblings() //跳转p1元素同级的所有兄弟元素
.chlidren("ul") //查找这些兄弟元素中的ul子元素
.slideUp("fase") //从实际高度变换为零来隐藏ul元素
相关推荐：
