jQuery 手风琴插件accordion.js

所属分类:导航-手风琴菜单

jQuery 手风琴插件accordion.js ie兼容6

代码挺简单的,参数说明在页面有写,有问题可留言。

相关插件-手风琴菜单

折叠面板

这是一个轻量级的折叠面板插件,可用在二级菜单、多条目内容块等地方,使用也很方便。有三个参数可以自行设置展开时间等等
  手风琴菜单
 11762  25

3种超酷HTML5手风琴导航面板设计效果

这是一款效果非常炫酷的HTML5手风琴导航面板设计效果。该导航面板设计共有3种效果,它们分别在用户点击导航项时,以动画展开的方式来展现该面板的内容。
  手风琴菜单
 2689  10

JQ手风琴菜单

一款兼容ie6的手风琴菜单
  手风琴菜单
 12528  22

jQuery 手风琴插件accordion.js

可自定义宽高,图片数量,事件的手风琴插件
  手风琴菜单
 5797  65

讨论这个项目(17)回答他人问题或分享插件使用方法奖励jQ币

    RoseBlue 3
    2017/5/8 18:27:49

    建议加一个imgArr接口,值为图片路径数组,直接使用图片数量做接口太死板,图片路径没法自定义。为了改最少的代码,所以直接在源代码扩展,默认参数去掉imgNum换上imgArr,在this.opts属性上继承默认参数之后,添加

    this.opts.imgNum = this.opts.imgArr.length;

     然后在createElem方法中,将元素创建修改为

    str += '<li><img src="'+this.opts.imgArr[i]+'" alt="#"></li>';

    在建议加上一个默认展开页,添加属性autoShow,值为number类型:在inital中添加代码

    if(this.opts.autoShow){
     	this.change(this.$item.eq(parseInt(this.opts.autoShow)))
    }

    最后真心感谢作者提供插件

        smallhappiness0
        2017/5/8 19:30:08

        十分感谢朋友的留言,你可以把你改的发我,我直接更新上去。最近在学些别的例子,有点懒得改= =

        我邮箱: umbrellacc@qq.com

    回复
    商祺网络-朱文涛 0
    2017/5/4 0:43:09
    李肖阳55552 0
    2017/4/5 18:59:23

    图片不错 就是要q比

    回复
    大一学长 0
    2017/3/27 1:20:29
    怀念★往事 0
    2017/3/21 17:29:28
    图片风格不错。。。。。。 回复
    ?? Fanta。 0
    2017/3/9 18:57:39

    我要弄两套怎么用 怎么才能在html里的写好图片开始

    回复
    唯美师 0
    2017/3/7 14:49:33
    这个效果可以,我喜欢的
        smallhappiness0
        2017/3/8 17:49:45

        谢谢

    回复
    smallhappiness 1
    2017/2/17 23:57:49
    $(window).on('resize', function () {
            self.opts.w = $(window).width();
            self.setData();
    });

    要图片宽度跟着浏览器变化的,在inital函数加上如上代码即可。

        谎言花开0
        2017/3/6 11:55:37

        请问一下,这段代码具体加到哪里?

    回复
    shawnwang 0
    2017/2/17 17:10:52
    窗口大小变化了  图片不能跟着变化   能改一下吗
        smallhappiness0
        2017/2/17 23:34:46

        好的,等我下次更新

    回复
    Ezio Auditore Da Firenze 0
    2017/2/17 15:19:44

    兼容性挺好的

        smallhappiness0
        2017/2/17 23:21:27

        兼容这里我没弄的,JQ22这改了jq版本而已

        .0
        2017/2/28 10:20:46

        这款能兼容到IE7?

    回复
取消回复