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

所属分类:UI-滚动

 8794  107  查看评论 (22)
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()  下方向滚动


相关插件-滚动

网站广播插件

网站发布消息的广播插件
  滚动
 13586  93

jQuery滚动收缩导航

jQuery滚动收缩导航
  滚动
 10129  61

jQuery无限滚动插件 Endless Scroll

Endless Scroll 是 jQuery 一个用来实现无限滚动的插件,相信你试过微软新搜索引擎 Bing 的搜索结果或者花瓣,当鼠标向下滚动时,新的内容会一直出现在下方,而不是翻页去浏览。
  滚动
 17765  74

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

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

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

    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

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

    回复
    小小小*鸟 0
    2017/4/25 19:00:51
    红一娃 0
    2017/4/18 17:07:33

    如果是图片的话就不行了吧

    回复
    昵腻 0
    2017/4/9 11:48:35

    哎呦不错呦,正好是我需要的

    回复
    太阳 0
    2017/3/9 10:07:29

    挺不错的

        devilkin_wang0
        2017/3/14 14:28:36

        一定要jq币才能用吗

        action0
        2017/4/5 13:56:24

        需要这个插件测试

    回复
取消回复