简单实用的jQuery轮播插件

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

 12879  99  查看评论 (16)
简单实用的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标签)数量少于或等于窗口显示数目的时候隐藏所有按钮且不滚动,不能为空;


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

jQuery轮播图加时间轴插件

jQuery轮播图加时间轴插件,简单实用。
  幻灯片和轮播图
 4429  56

jquery轮播图插件

jquery轮播图插件支持横向滚动和垂直滚动
  幻灯片和轮播图
 28081  171

简单的jquery轮播图插件

简单的jquery轮播图插件,方便易懂
  幻灯片和轮播图
 19473  52

jQuery轮播插件(原创轮播)

代码注释全,方便大家自行修改的轮播插件
  幻灯片和轮播图
 14279  61

讨论这个项目(16)回答他人问题或分享插件使用方法奖励jQ币

    呗讯 0
    2018/5/7 17:58:22
    鞋子虽美,但不合脚ㄋ” 0
    2018/4/23 9:26:36
    能免费吗
        、勿忘初心0
        2018/6/19 21:21:18
        我也想说
    回复
    樱花静绽放 0
    2018/3/9 16:01:49
    有bug,setInterval,网页时间长了,轮播速度会加快,越来越快
    回复
    1 0
    2018/3/6 9:39:38
    青山①号窝 0
    2018/2/22 0:56:41
    Brus、Z 0
    2018/2/7 19:32:27
    20131807liyu 0
    2018/1/12 15:31:22
    protected 0
    2018/1/7 14:21:42
    冷鲜肉 0
    2018/1/5 14:24:03

    感觉还不错

        ?0
        2018/1/10 14:23:41
        可以的
        哈哈哈0
        2018/4/8 9:47:46
        嗯,这样就可以很好地调用了。但是有个问题,给其加效果(比如鼠标移入移出),轮播之后,就找不到元素了呢
    回复
    HelloWorld 0
    2018/1/5 11:23:20
取消回复