jq插件轮播unslider2.03版用法
2017-10-07 18:11
197 查看
网上搜这个轮播插件用法非常多,但文章过旧,害得怎么也用不上,耗了很多时间,查看文档,才弄明白最新版用法
引入css
body后面引入js,因为插件基于jquery,所以要引入jquery
body内写div
引入css
<link href="https://cdn.bootcss.com/unslider/2.0.3/css/unslider-dots.css" rel="stylesheet"> <link href="https://cdn.bootcss.com/unslider/2.0.3/css/unslider.css" rel="stylesheet">
body后面引入js,因为插件基于jquery,所以要引入jquery
<script src="//code.jquery.com/jquery-latest.min.js"></script> <script src="//unslider.com/unslider.js"></script> <script> $(function() { $('.banner').unslider(); }); </script>
body内写div
<div class="banner"> <ul> <li>This is a slide.</li> <li>This is another slide.</li> <li>This is a final slide.</li> </ul> </div>
相关文章推荐
- jquery优秀插件——轮播图插件——unslider.js(用法一)
- jquery优秀插件——轮播图插件——unslider.js(用法二)
- jQuery简单自定义图片轮播插件及用法示例
- Bootstrap轮播(carousel)插件中图片变形的终极解决方案——使用jqthumb.js
- jQuery自适应轮播图插件Swiper用法示例
- JS+JQ轮播图插件
- unslider插件制作图片轮播
- jquery 图片轮播插件unslider
- 实战编写jq插件轮播图
- Swiper轮播插件的花式用法
- jq编写轮播插件
- jq自定义插件—$.fn的使用之(轮播图)兼容性都ok
- 基于jq的图片轮播插件,滑动切图,兼容移动,PC端
- jq封装淘宝图片轮播插件
- jQuery焦点图轮播插件KinSlideshow用法分析
- jquery轮播图插件unslider
- jq插件处女座 图片轮播
- Bootstrap轮播插件中图片变形的终极解决方案 使用jqthumb.js
- unslider图片轮播插件初体验(二)
- 使用unslider.js图片轮播插件创建一个能轮播24节气的网页