jQuery上下左右滚动插件rollSlide.js

所属分类:UI-滚动

 12432  122  查看评论 (29)
jQuery上下左右滚动插件rollSlide.js ie兼容8

间隔滚动

.rollSlide(obj)方法:
    参数 obj 为对象,
            orientation: string, 滚动方式 'left',
            'right','top','bottom' 4个方向,默认为 'left'
            num: number, 滚动数量  默认为 1
            v:numer, 滚动速度  默认为 0
            space:number, 间隔时间  默认时间为 5000ms, 最小间隔时间为 100ms
            isRoll: boolean,  是否自动播放   必填,没有默认值

不间断滚动 

.rollNoInterval()方法:
    无参数, 返回4个方法
        .left()  左方向滚动
        .right()  右方向滚动
        .top()  上方向滚动
        .bottom()  下方向滚动


相关插件-滚动

jQuery自定义滚动条插件-Easy Scroll

Easy Scroll这是一个非常简单的jQuery自定义滚动条插件、 易于使用的脚本。下载后可以立即使用。
  滚动
 59388  50

jQuery滚动条楼层(原创)

用于商城主页的多层项目的楼层显示,以及滑动效果,界面有点难看,但是功能OK且注释全。
  滚动
 4476  32

jQuery全屏滚动插件XSwitch

XSwitch是一个可以高度自定义的全屏滑动JQuery插件
  滚动
 14892  85

双向垂直上下滚动

垂直滚动插件,可切换向上或向下方向滚动。
  滚动
 13569  48

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

    qzuser 0
    2017/10/9 16:14:36

    在Safari浏览器上一直闪如何解决

        qzuser0
        2017/10/11 15:19:50

        大神帮忙解决一下呗

    回复
    两三块 0
    2017/9/30 16:58:21

    大神:

            我让鼠标经过之后悬停住,离开之后又可以滚动,效果也实现了,但是从头开始滚了,不是继续滚,怎么解决啊

    init = function(){
                    $self.hover(function(){
                        if ($(this).attr("id") == "e"){
                            clearTimeout(timer);
                        }
                    }, function(){
                        if ($self.attr("id") == "e"){
                            left();
                        }
                    });
                };
            init();

    rollNoInterval 的 left() 方法

    回复
    大大大悟空。 0
    2017/9/26 9:38:15

    谁能给我发一个,245725316@qq.com

    回复
    过去 0
    2017/9/22 13:51:18

    每个li切换时有跳动的感觉,不平滑。怎么做呢

    回复
    monster精分 0
    2017/7/31 15:37:07
    怎么添加点击事件
        monster精分0
        2017/7/31 16:01:05
        插件clone的时候设置为true
    回复
    两三块 0
    2017/7/19 11:14:15
    抱歉,大家,上不了图,拜托各位大神了 回复
    两三块 0
    2017/7/19 11:12:22

    问题:点击上一个、下一个不能

    <div class="hph_list">
            <div class="roll-wrap roll_row" id="a">
                <ul class="roll__list" style="position: absolute; left: 0; top: 0;">
                </ul>
                <a class="control pre" href="javascript:;"><span class="ct_bgi ct_bgi_pre"></span></a>
                <a class="control next" href="javascript:;"><span class="ct_bgi ct_bgi_next"></span></a>
            </div>
    </div>
    <script src="http://libs.baidu.com/jquery/1.8.3/jquery.min.js"></script>
    <script src="js/src/rollSlide.js"></script>
    <script src="js/libs/hms_personal_homepage.js"></script>

    滑动,代码如下,

    点击左右两个按钮并不出现代码,但是在控制台中,li 标签中的内容也出现了,这是为什么,

    但是我自己在HTML中写的他就可以实现,为什么?

        西瓜0
        2017/7/19 11:56:17

        CSS 样式设置问题。

    回复
    NukeProof总代 0
    2017/6/21 17:36:34
    灰色渐进 0
    2017/6/21 14:29:17

    不间断滚动 ,如何设置速度呢?

    回复
    SuperLuLu 0
    2017/5/1 22:29:25

    一定要jq币才能用吗

        白天不懂夜的黑0
        2017/8/2 11:52:13

        ....右键查看源代码,找到插件然后保存

    回复
取消回复