插件描述：支持单页面多轮播图,鼠标悬停暂停轮播,控制任意大小,支持放非图片dom元素
更新时间：2021-08-24 00:33:37
使用方法
HTML结构
1、引入CSS文件
1 | <link rel="stylesheet" href="./css/wowo-slider.css"> |
2、写入规范HTML结构
1 2 3 4 5 6 7 8 | <div id="wowo-slider"> <div class="wowo-slider"> <div class="wowo-slider-item bg-gray">bg-gray</div> <div class="wowo-slider-item bg-red">bg-red</div> <div class="wowo-slider-item bg-blue">bg-blue</div> <div class="wowo-slider-item bg-yellowgreen">bg-yellowgreen</div> </div></div> |
3、引入JQ文件
1 | <link rel="stylesheet" href="./css/wowo-slider.css"> |
4、引入轮播图JS
1 |
5、初始化轮播图
1 2 3 4 5 6 7 8 | var wowoSliderObject = wowoSlider.init({ el: "#wowo-slider", conduct: 300, loop: true, loopType: 'next', width: 590, height: 300,}); |
特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com
- 上一个特效： 原生Javascript播放图片序列帧动画
- 下一个特效： jQuery bootstraps响应式公司企业类网站模板