您的位置:首页 > 其它

jq插件轮播unslider2.03版用法

2017-10-07 18:11 197 查看
网上搜这个轮播插件用法非常多,但文章过旧,害得怎么也用不上,耗了很多时间,查看文档,才弄明白最新版用法

引入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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: