1.引入插件jquery.carousel.js (由于这个插件是基于jquery ，所以要先引入jquery.js)
2.html代码如下
<div class="caroursel poster-main" data-setting = ‘{
"scale":0.9,
"algin":"left",
"speed":"3000",
"isAutoplay":"true",
"dealy":"3000"}‘>
<ul class="poster-list">
<li data-id="1" class="poster-item">
<img src="../res_im/dong_img.png">
</li>
<li data-id="2" class="poster-item">
<img src="../res_im/xi_img.png">
</li>
<li data-id="3" class="poster-item">
<img src="../res_im/zhong_img.png">
</li>
<li data-id="4" class="poster-item">
<img src="../res_im/bei_img.png">
</li>
<li data-id="5" class="poster-item">
<img src="../res_im/nan_img.png">
</li>
</ul>
<div class="poster-btn poster-prev-btn"></div>
<div class="poster-btn poster-next-btn"></div>
</div>
3,.引入carousel.css
4.在js中初始化
Caroursel.init($(‘.caroursel‘))