ResponsiveSlides.js 幻灯片实例演示 博客分类： jQuery ResponsiveSlides.js幻灯片实例演示

在线实例

默认效果

导航和分页

缩略图

描述说明

回调函数

使用方法

1. <div class="wrap">
2.     <ul class="rslides" id="sucaihuo">
3.         <li><a href="#" ><img src="/api/jq/5733e333c6203/images/1.jpg" alt=""></a></li>
4.         <li><a href="#" ><img src="/api/jq/5733e333c6203/images/2.jpg" alt=""></a></li>
5.         <li><a href="#" ><img src="/api/jq/5733e333c6203/images/3.jpg" alt=""></a></li>
6.     </ul>
7. </div>
8. <script src="/api/jq/5733e333c6203/js/jquery-1.11.3.min.js"></script>
9. <script src="/api/jq/5733e333c6203/js/responsiveslides.min.js"></script>
10. <script>
11. $(function() {
12.     $('#sucaihuo').responsiveSlides();
13. });
14. </script>

复制

---

下载