jquery无缝滚动插件 jqueryslider

查看演示立即下载

插件描述：一款基于jQuery的无缝滚动插件

更新时间：2017/7/6 上午9:56:21

更新说明：优化用户多次点击上一页下一页幻灯片抖动的问题

jquery-slider

参数

width: 1200, // 幻灯片的宽度
    height: 500, // 幻灯片的高度
    activeIndex: 0, // 默认显示的幻灯片索引
    speed: 800, // 幻灯片的切换时间
    durantion: 3000, // 幻灯片的显示时间
    showSlider: true, // 是否显示幻灯片左右按钮
    showOrigin: true, // 是否显示底部的索引状态
    originType: 'circle', // circle的话  底部的active状态就是元 的 ,不写或者不是'circle'则是非圆形状态
    originPosition: 'right', // 底部小圆点显示的位置    'center'  'right'
    backgroundSize: 'cover', // backgournd-size效果
    backgourndPosition: 'center center', // backgournd-position效果
    selectLeftClassName: 'dw-icon-left', // 点击左边的按钮  显示class的名称
    selectRightClassName: 'dw-icon-right', // 点击右边的按钮  显示class的名称
    source: [{
            src: 'img/slider1.jpg', // 幻灯片图片地址       
            hasHref: true, // 是否有链接
            href: '#', // 链接地址                   
            hrefTarget: '_self' // 链接打开方式  _self, _blank, _top等
        },
        {
            src: 'img/slider2.jpg',
            hasHref: false,
            hrefTarget: '_self',
        },
        {
            src: 'img/slider3.jpg',
            hasHref: false,
            hrefTarget: '_self',
        },
        {
            src: 'img/slider4.jpg',
            hasHref: true,
            href: '#',
            hrefTarget: '_self'
        }
    ]
$('.testSlider1').slider({
    width: 300,
    height: 300,
    showSlider: false,
    showOrigin: false,
    originPosition: 'center'
});

特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com

上一个特效： jQuery树型插件dtree(带搜索)
下一个特效：实用的loading插件