jq插件輪播unslider2.03版用法

網上搜這個輪播插件用法非常多,但文章過舊,害得怎麼也用不上,耗了很多時間,查看文檔,才弄明白最新版用法
引入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>