窝窝轮播图 基于jq开发

所属分类:媒体-幻灯片和轮播图

 7770  33  查看评论 (1)
分享到微信朋友圈
X
窝窝轮播图 基于jq开发 ie兼容12

更新时间: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,
});
相关插件-幻灯片和轮播图

三种常见轮播

三种常见轮播(左右,上下,渐变)
  幻灯片和轮播图
 62349  396

jQuery带缩略图的轮播图插件PgwSlideshow

PgwSlideshow是一款基于jQuery的图片轮播插件,这是一款简单带缩略图的jquery插件。该轮播图插件默认底部带有缩略图效果,支持ie8浏览器,并带平滑过渡效果。
  幻灯片和轮播图
 35978  324

jQuery门户网站带缩略图相册

jQuery带缩略图相册效,一个不错的相册效果,推荐大家使用哦!
  幻灯片和轮播图
 47515  446

移动端web端图片轮播

移动端web端图片轮播插件,可左右滑动切换,自动切换
  幻灯片和轮播图
 70635  438

讨论这个项目(1)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    逍丶哜ぃ 0
    2021/9/13 22:10:27
    这是新手写的轮播图吗?
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复