焦点图走马灯轮播插件（原创）

所属分类：-

41540 338 查看评论 (12)

分享到微信朋友圈

查看演示立即下载

插件描述：网站轮播插件，支持实现轮播图，滚屏切换，单屏切换，走马灯，焦点图等等类似效果，只需要简单的配置参数调用插件即可，让工作更高效。

/*
* ***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：）

7种炫酷HTML5 SVG液态水滴融合动画特效

jq汉字转拼音