jQuery 手风琴插件accordion.js

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

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

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

相关插件-手风琴菜单

简洁实用的jQuery手风琴插件

jquery.accdion是一款非常实用的jQuery手风琴插件。它代码简单,文件体积小,并且兼容IE8浏览器。它通过简单的设置即可以得到漂亮的手风琴图片切换效果。
  手风琴菜单
 9096  49

jQuery和CSS3手风琴样式分步向导特效

这是一款非常实用的jQuery和CSS3手风琴样式分步向导特效。该分步向导在页面初始化时只显示第一个手风琴项,在用户点击了“继续”按钮之后,会平滑过渡到第二个手风琴项,最终引导用户完成所有的步骤。
  手风琴菜单
 5239  22

jQuery手风琴菜单

jQuery手风琴菜单,树型菜单
  手风琴菜单
 11657  54

实用的Accordion手风琴js特效

实用的Accordion手风琴js特效
  手风琴菜单
 13403  106

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

    隔壁住着梦想家 0
    2017/6/26 11:06:38
    第一眼的感觉非常不错,建议在来个垂直模式. 回复
    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

        好的,等我下次更新

    回复
取消回复