基于jQuery实现的轮播图

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

 16672  59  查看评论 (3)
分享到微信朋友圈
X
基于jQuery实现的轮播图 ie兼容9

更新时间:2021-01-22 01:19:27

使用方法

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 // 高

}
相关插件-幻灯片和轮播图

html5全屏幻灯片切换

html5全屏阶梯式图片幻灯片切换
  幻灯片和轮播图
 35023  403

jquery仿迅雷官方网站全屏响应式轮播图动画特效

这是一款jquery来制作的仿迅雷官方网站全屏响应式轮播图动画特效。该轮播图特效简单实用,效果时尚大方,且可以兼容ie8浏览器。
  幻灯片和轮播图
 41520  610

5种jQuery超酷3d幻灯片效果

flux.js是一款能做出3D效果的jQuery幻灯片插件。这款jQuery幻灯片插件共有5种效果:爆炸效果、3D翻转效果、3D旋转效果、立方体效果和翻页效果。需要注意的是flux需要浏览器支持CSS3 transitions才能正常工作。
  幻灯片和轮播图
 34064  451

jq焦点旋转轮播图

jq焦点旋转轮播图,这个切换还是挺特别的。
  幻灯片和轮播图
 34669  332

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

    郭宗晨 0
    2021/8/1 10:41:32
    怎么增加href属性呢
        pengdingkan0
        2021/8/4 20:33:39
        没有增加属性配置项哦,你可以在改改源码
    回复
    木星航 0
    2021/1/22 1:23:00

    不错,简单实用。

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复