<script src="//code.jquery.com/jquery-latest.min.js"></script>
<script src="unslider.min.js"></script>

<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>

.banner { position: relative; overflow: auto; }
.banner li { list-style: none; }
.banner ul li { float: left; }

$(function() {
    $('.banner').unslider();
});

$('.banner').unslider({
    speed: 500,               // 动画的滚动速度
    delay: 3000,              //  每个滑块的停留时间
    complete: function() {},  //  每个滑块动画完成时调用的方法
    keys: true,               //  是否支持键盘
    dots: true,               //  是否显示翻页圆点
    fluid: false              //  支持响应式设计（有可能会影响到响应式）
});

<!-- The HTML -->
<a href="#" class="unslider-arrow prev">Previous slide</a>
<a href="#" class="unslider-arrow next">Next slide</a><!-- And the JavaScript --><script>
    var unslider = $('.banner').unslider();
    
    $('.unslider-arrow').click(function() {
        var fn = this.className.split(' ')[1];        
        //  Either do unslider.data('unslider').next() or .prev() depending on the className
        unslider.data('unslider')[fn]();
    });
</script>

var slidey = $('.banner').unslider(),
    data = slidey.data('unslider');
    
//  开始 Unslider
data.start();

//  暂停 Unslider
data.stop();

// 滑块跳转,还有一个可选的方法参数
data.move(2, function() {});
//  data.move(0);

//  手动激活键盘功能
data.keys();

// 跳转到下一滑块，最后一个时不显示
data.next();

//  跳转到上一滑块，最前一个时不显示
data.prev();

//  添加圆点导航
data.dots();