插件描述：Sliderx是一个jQuery插件，可以创建一个简单而非常棒的滑块，支持触屏滑动。
更新时间：2019-08-08 00:27:05
使用方法
需要调用在文件
1 2 3 | <link rel="stylesheet" href="dist/slider-x.css"><script src="dist/slider-x.js"></script> |
html
1 2 3 4 5 6 7 8 9 10 11 12 13 | <div class="my-slide"> <div class="h-300px slide-1"></div> <div class="h-500px slide-2"></div> <div class="h-500px slide-3"></div> <div class="h-500px slide-4"></div> <div class="h-500px slide-5"></div> <div class="h-500px slide-2"></div> <div class="h-500px slide-1"></div> <div class="h-500px slide-2"></div> <div class="h-500px slide-1"></div> <div class="h-500px slide-2"></div> <div class="h-500px slide-1"></div> </div> |
js
1 2 3 4 5 6 7 8 9 10 11 | $('.my-slide').pageflySlider({ slidesToShow: 3, slidesToScroll: 1, gutter: 15, autoPlay: false, duration: '400', autoPlayDelay: 2000, loop: true, navStyle: 'nav-style-111', paginationStyle: 'pagination-style-3' }) |
所有可用选项（目前）
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | defaultOptions = { slidesToShow: 1, slidesToScroll: 1, gutter: 0, autoPlay: true, autoPlayDelay: 3000, duration: 450, loop: true, draggable: true, paginationStyle: 'pagination-style-1', navStyle: 'nav-style-1', adaptiveHeight: false, height: 400,} |
特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com
- 上一个特效： 页面滚动图片预览视觉差插件
- 下一个特效： jQuery评分、打分插件