jq插件轮播unslider2.03版用法

最新推荐文章于 2024-05-09 09:49:17 发布

txcy008

最新推荐文章于 2024-05-09 09:49:17 发布

阅读量847

点赞数

分类专栏：学习JavaScript 文章标签： css 插件

本文链接：https://blog.csdn.net/txcy008/article/details/78170757

版权

学习JavaScript 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

网上搜这个轮播插件用法非常多,但文章过旧,害得怎么也用不上,耗了很多时间,查看文档,才弄明白最新版用法
引入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>