窝窝轮播图 基于jq开发

 查看演示  website  立即下载

更新时间：2021-08-24 00:33:37

使用方法

HTML结构

 1、引入CSS文件 

<link rel="stylesheet" href="./css/wowo-slider.css">

2、写入规范HTML结构 

<div id="wowo-slider">
    <div class="wowo-slider">
        <div class="wowo-slider-item bg-gray">bg-gray</div>
        <div class="wowo-slider-item bg-red">bg-red</div>
        <div class="wowo-slider-item bg-blue">bg-blue</div>
        <div class="wowo-slider-item bg-yellowgreen">bg-yellowgreen</div>
    </div>
</div>

 3、引入JQ文件 

<link rel="stylesheet" href="./css/wowo-slider.css">

 4、引入轮播图JS 

<script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>

 5、初始化轮播图

var wowoSliderObject = wowoSlider.init({
    el: "#wowo-slider",
    conduct: 300,
    loop: true,
    loopType: 'next',
    width: 590,
    height: 300,
});

PREVIOUS:
NEXT:
jQuery bootstraps响应式公司企业类网站模板
原生Javascript播放图片序列帧动画