jQuery手风琴滑动下拉菜单展开收缩代码

jQuery手风琴滑动下拉菜单展开收缩代码

这是一款简单实用的jQuery手风琴滑动下拉菜单展开收缩代码，通常用于网站左侧导航菜单栏。

1. js代码
   
2. 
   
3. <script type="text/javascript" src="js/jquery1.42.min.js" ></script>
   
4. <script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.js" ></script>
   
5. <script type="text/javascript">
   
6.         jQuery(".sideMenu").slide({
   
7.                 titCell:"h3", //鼠标触发对象
   
8.                 targetCell:"ul", //与titCell一一对应，第n个titCell控制第n个targetCell的显示隐藏
   
9.                 effect:"slideDown", //targetCell下拉效果
   
10.                 delayTime:300 , //效果时间
    
11.                 triggerTime:150, //鼠标延迟触发时间（默认150）
    
12.                 defaultPlay:true,//默认是否执行效果（默认true）
    
13.                 trigger:"click",
    
14.                 returnDefault:true //鼠标从.sideMen移走后返回默认状态（默认false）
    
15.                 });
    
16. </script>

复制代码

jQuery手风琴滑动下拉菜单展开收缩代码.zip (30.21 KB, 下载次数: 337)

2021-2-22 15:01 上传

点击文件名下载附件
jQuery手风琴滑动下拉菜单展开收缩代码