简单实用的jQuery轮播插件

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

简单实用的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轮播图切换插件slick.js

slick.js实现图片轮播图渐隐切换动画特效,支持移动端滑动切换
  幻灯片和轮播图
 11304  38

焦点图插件myFocus Demo v2.0.1

使你的网页上可以运行超过30款风格各异的焦点图,在互联网独一无二
  幻灯片和轮播图
 9967  56

jQuery门户网站带缩略图相册

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

bootslider响应bootstrapcss3触屏滑块轮播图

bootslider响应bootstrapcss3触屏滑块轮播图
  幻灯片和轮播图
 10147  88

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

    樱花静绽放 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
    戒了吧 0
    2018/1/4 15:20:50

    > 有bug底部指示符点击有bug,动画效果也不流畅,不知道这种为什么能上传成功,而且还要1jq币

    回复
    Mr易玉龙 0
    2017/12/28 9:59:31

    > 有bug底部指示符点击有bug,动画效果也不流畅,不知道这种为什么能上传成功,而且还要1jq币

        QQ昵称0
        2018/1/11 9:53:41

        是啊是啊

    回复
取消回复