easySlider.js-jQuery自适应幻灯片插件
  • 分享到微信朋友圈
    X
立即下载 查看演示

Easy Slider 可以实现图片或其他任意内容，在水平或垂直方向上的滑动效果，你还可以通过 CSS 自定义设置样式,Easy Slider功能强大简单易用,可支持手机效果。

使用方法：

引用jquery文件和easySlider文件

<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/easySlider.js" type="text/javascript"></script>

关键js与解释

<script>
    $(function () {
        $("#slider").easySlider({
            slideSpeed: 500, //轮播图切换的过渡时间，单位毫秒。
            autoSlide: true, //是否自动播放
            paginationSpacing: "15px", //分页圆点标记的间隙。
            paginationDiameter: "10px", //分页圆点的直径。
            paginationPositionFromBottom: "0px", //分页圆点到轮播图底部的距离。
            slidesClass: ".slides", //轮播图的class名称。
            controlsClass: ".controls", //左右控制按钮的class名称。
            paginationClass: ".pagination"//分页圆点导航按钮的class名称。
        });
    });
</script>