焦点图走马灯轮播插件(原创)

所属分类:-

 40502  338  查看评论 (12)
分享到微信朋友圈
X
焦点图走马灯轮播插件(原创) ie兼容6
/*
* ***Juery焦点图切换插件***
* 作者: Xukai.json
* MIT License.
* 版本: V2.0
* 文件名: super_slider.js
* 日期: 2015-08-31
* 使用说明: 利用函数传参调用
$(".box").superSlider({//选择器必须是插件最外层盒子class或ID,包含上下按钮和轮播内容
    prevBtn:  ".prevBtn",//上一页按钮
    nextBtn:  ".nextBtn",//下一页按钮
    listCont:  ".content",//滚动列表外层
    delayTime:  1000,//自动轮播时间间隔,默认1秒
    speed:  1000,//滚动速度,默认1秒/次
    amount:  1,//单次滚动数量,默认1个
    showNum:  4,//默认显示个数,默认4个
    autoPlay:  false///是否自动自动轮播,默认否,若要自动轮播请设置成true
    scrollWhere: "prev",//自动滚动方向,默然是上,下的参数为 next
});
*/


以上是JS插件里的说明,传参的class或ID和jQuery选择器一样,class用点.号,ID用井#号,建议传单个ID或class名,性能比较高


本插件支持:

1、自定义显示个数

2、自定义滚动个数

3、自定义滚播时间

4、自定义间隔时间

5、自定义自动滚动方向

6、自定义滚播

7、无缝滚动


欢迎提BUG:)

相关插件-

ichartjs-基于html5的图表组件

ichartjs 是一款基于HTML5的图形库。使用纯javascript语言, 利用HTML5的canvas标签绘制各式图形。 ichartjs致力于为您的应用提供简单、直观、可交互的体验级图表组件。是WEB/APP图表展示方面的解决方案 。如果你正在开发HTML5的应用,ichartjs正好适合您。 ichartjs目前支持饼图、环形图、折线图、面积图、柱形图、条形图。ichartjs是基于Apache License 2.0协议的开源项目。
 
 60803  392

jQuery实现苹果Dock样式的菜单

jQuery实现苹果Dock样式的菜单
 
 24225  317

爆炸且恢复特效的HTML5视频播放特效 html5videobroken

效果震慑新颖的HTML5视频播放特效,兼容所有支持HTML5的浏览器。
 
 27945  380

jQuery移动端翻书插件Turn.js

Turn.js移动端实现翻书效果
 
 34101  378

讨论这个项目(12)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    打卡第四天 0
    2023/2/10 23:30:58
    你这个更改图片尺寸。左右方向键就会消失,如何解决 回复
    星梦缘 0
    2022/11/22 17:30:02
    请问可以获取到当前默认显示的第一张的下标index吗 回复
    ?? 0
    2020/2/26 15:47:12
    请问怎么添加轮播上的圆点呢?就是一共几页 就有几个点 回复
       Reincarnation 0
    2019/4/23 9:27:56
    为什么我改成纵向的之后next和prev都不能用了呢。。 回复
    (?? . ??) 0
    2018/9/19 15:35:21
    前后按钮循环不能用 回复
    ?? 0
    2018/1/5 15:15:22
    唐七笙 0
    2017/9/19 11:25:02
    同上,怎么停止循环,而不是停止自动轮播。就是到第一张和到最后一张的时候按钮失效 回复
    Lin 0
    2017/2/27 0:29:49

    ie8兼容,为啥IE9不兼容?

    回复
    liushichen 0
    2017/1/5 10:01:38

    这个插件在IE8中下面会出现一张图片 上面没有问题啊。

    回复
    固执?执着! 0
    2016/10/16 23:10:56
    可以设置显示排数目吗,多了都是一排不好看额 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复