jquery插件——jquery.slides.min.js

最新推荐文章于 2024-08-13 08:18:36 发布

21989939

最新推荐文章于 2024-08-13 08:18:36 发布

阅读量5.2k

点赞数

分类专栏：【前端】基础文章标签：插件

本文链接：https://blog.csdn.net/qq_21989939/article/details/46410461

版权

本文介绍了如何利用jQuery插件jquery.slides.min.js创建图片更换效果。首先需要引入该插件库，接着定义CSS样式以美化展示。通过JS滑动事件，可以为多个div设置滑动功能。最后，展示使用div进行图片展示的方法。

摘要由CSDN通过智能技术生成

实现图片更换效果：
1.引入插件库：

<script type="text/javascript" src="${base}/resources/shop/js/jquery.slides.min.js"></script>

2.css定义样式：

<style>
#slides {
      display: none
    }

    #slides .slidesjs-navigation {
      margin-top:5px;
    }

    a.slidesjs-next,
    a.slidesjs-previous,
    a.slidesjs-play,
    a.slidesjs-stop {
      display:none;
    }

    a.slidesjs-next {
      display:none;
    }

    a:hover.slidesjs-next {
      display:none;
    }

    a.slidesjs-previous {
      <