简单实用的jQuery轮播插件

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

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


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

满屏轮播图片

箭头动画风车式过渡的满屏焦点图
  幻灯片和轮播图
 19970  168

jQuery幻灯插件

号称世界最棒的jQuery幻灯插件 16种幻灯变化的特效 简单并且配置灵活 体积小并且符合语义
  幻灯片和轮播图
 13757  77

纯javascript仿网易轮播

这是一个用纯javascript写的仿网易轮播图效果
  幻灯片和轮播图
 15217  77

jquery响应式幻灯片

jquery响应式幻灯片
  幻灯片和轮播图
 20844  56

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

    天二网络-李承志 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,网页时间长了,轮播速度会加快,越来越快
    回复
    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
        嗯,这样就可以很好地调用了。但是有个问题,给其加效果(比如鼠标移入移出),轮播之后,就找不到元素了呢
    回复
取消回复
  短信接口