Laysns同款基于jQuery实现的轮播图-1.png


插件描述:基于jQuery实现轮播图,代码简单调用方便

Laysns同款基于jQuery实现的轮播图-2.png

使用方法
Id名一定要是slider, 不可更改
html

<div id="slider"></div>

css引入

<link rel="stylesheet" href="./index.css ">

js引入

<script src="./jquery.slider.js"></script>

默认配置项

this.options = {
    container: "slider", // 轮播容器
    imgs: [],
    duration: "normal", // 轮播时长
    delay: 2000, // 延迟
    direction: "left", // 自动轮播方向
    auto: true, // 是否自动轮播
    arrows: true, // 是否显示左右箭头
    width: 520, // 宽
    height: 300 // 高
 
}