欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

ResponsiveSlides.js 幻灯片实例演示

程序员文章站 2022-03-28 17:02:23
...

在线实例

默认效果 导航和分页 缩略图 描述说明 回调函数

使用方法

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