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

所属分类:-

 40449  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:)

相关插件-

iframe fixed失效问题兼容ios

iframe在安卓、ios中滚动,头部、底部也能固定。主要解决iframe在苹果手机iphone(ios)中滚动时头部与底部不能固定及滚动时出现卡顿的情况。本Demo演示iframe中固定父页面头部、底部,子页面正常滚动。兼容PC和移动端,尤其是苹果ios系统(如iphone手机)
 
 22928  313

+iCal风格的漂亮日历

+iCal风格的漂亮日历
 
 33570  308

jQuery移动端翻书插件Turn.js

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

jquery控制滚动条下拉后DIV容器在页面中的位置

jquery控制滚动条下拉后DIV容器在页面中的位置
 
 32846  346

讨论这个项目(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
    可以设置显示排数目吗,多了都是一排不好看额 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复