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

所属分类:UI-滚动

 14561  129  查看评论 (32)
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()  下方向滚动


相关插件-滚动

仿股市表格实时轮播

这是一款简单的不需要任何外部插件的轮播效果图
  滚动
 8635  82

jquery文字上下滚动

jquery文字上下滚动插件jqScroll.js调用简单,代码注释很清楚。
  滚动
 15519  160

jQueryScrollPage单页全屏滚动效果

漂亮的jQuery单页全屏滚动,带视差效果
  滚动
 5210  57

仿mac风格滚动条

经典仿mac风格滚动条
  滚动
 11908  99

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

    小确幸◎_◎ 0
    2018/1/10 17:01:36
    没有jq币,谁能分享一份啊,万分感谢,2822954250@qq.com 回复
    合格路人甲 0
    2017/11/30 15:22:33

    用着感觉怎么样?

    回复
    你可别说话了.? 0
    2017/11/29 15:48:28

    不循环滚动 怎么设置参数

    回复
    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 样式设置问题。

    回复
取消回复