简单实用的jQuery轮播插件

所属分类:媒体-幻灯片和轮播图,滑块和旋转

 51394  502  查看评论 (26)
分享到微信朋友圈
X
简单实用的jQuery轮播插件 ie兼容7

使用方法

本插件滚动部分仅适用于以下结构:

<div>
    <ul>
        <li></li>
    </ul>
</div>

功能:

实现上、下、左、右滚动,包括间断式滚动和非间断式滚动

参数列表:

LbMove(BoxID,Btn_left,Btn_right,BtnBox,Car,Direction,Way,MoveLengh,Speed,Interval,Number)
BoxID: 插件窗口,不能为空;
Btn_left: 左边按钮,可为空;
Btn_right: 右边按钮,可为空;
BtnBox: 底部切换按钮组(默认按钮标签为span),可为空,为空表示没有底部按钮;
Car: 是否需要自动轮播,参数true或false,不能为空;
Direction: 滚动方向,left,right,top,botttom,不能为空;
Way: 滚动方式,不间断式滚动或者间断式滚动,true为间断式滚动,false为不间断式滚动,不间断式轮播隐藏各个按钮,不能为空;
MoveLengh: 移动距离,滚动元素,即li标签的width,padding(上下或左右),border(上下或左右),margin(上下或左右)之和,不能为空;
Speed: 滚动速度,间隔轮播下不能为空,非间隔轮播下可为空;
Interval: 滚动间隔时间,不能为空;
Number:  窗口显示数目,当滚动元素(即li标签)数量少于或等于窗口显示数目的时候隐藏所有按钮且不滚动,不能为空;


相关插件-幻灯片和轮播图,滑块和旋转

原声 JS + Jquery + 面向对象轮播图

几个效果的轮播图,最后组成个组件效果,可供学习
  幻灯片和轮播图
 43712  392

jQuery 3D轮播图

自适应屏幕的3D轮播图加炫酷背景
  幻灯片和轮播图
 62316  531

vue.js轮播图(原创)

vue的轮播小插件,vue初学者可以借鉴,代码量很少。
  幻灯片和轮播图
 53508  416

jQuery焦点图插件slideshow-jq.js

jQuery自动化图片比例焦点图slider效果
  幻灯片和轮播图
 29765  313

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

    勋章?? 0
    2023/7/13 13:46:03
    图片数量固定的吗,一改两边按钮就没了
    回复
    彭宏丁 0
    2021/1/31 9:10:52
    能做一个滚动条吗 回复
    cal533 0
    2020/6/8 16:43:51
    如果一下子滚动7个 我试了好像不行 回复
    MarcoXiaozhou 0
    2018/10/16 14:03:58
    这个能免费吗
        向阳22度。0
        2018/11/7 9:38:03
        也太坑了 什么都要钱
    回复
    428167857 0
    2018/10/10 16:59:50
    你这代码有个Bug 下载需要金币!!! 回复
    天二网络-李承志 0
    2018/8/28 10:29:51
    有bug底部指示符点击有bug,动画效果也不流畅,不知道这种为什么能上传成功,而且还要3jq币
        每一段路丶都是一种领悟0
        2018/9/7 13:29:32
        jq币,只能充值吗?
    回复
    呗讯 0
    2018/5/7 17:58:22
    能免费吗
        小黑兔0
        2018/8/12 19:47:01
        不知道啊,这个很nice!
    回复
    鞋子虽美,但不合脚ㄋ” 0
    2018/4/23 9:26:36
    能免费吗
        、勿忘初心0
        2018/6/19 21:21:18
        我也想说
    回复
    樱花静绽放 0
    2018/3/9 16:01:49
    有bug,setInterval,网页时间长了,轮播速度会加快,越来越快
        让我自言自语行不行0
        2019/6/12 21:12:22
        这样的吗?
    回复
    1 0
    2018/3/6 9:39:38
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复