JQ循环滚动插件

本插件在JQ3.5.1环境下测试通过,IE9以下版本可能不支持,手机浏览器支持,极速模式测试通过。

1、滚动组件的结构

<script src="fishroll.min.js"></script>

<div class="ledmianbody layui-col-xs12">
    <div class="direction">
        这是滚动区域<br/>2222
    </div>
</div>

结构很简单,只要你的滚动内容元素为.direction即可,至于父元素名随意。

使用也很简单:

var g1=new rolling({
        id:'.ledmianbody',
        direction:'top',
        play:true
    })
    g1.init();

现在你就发现上面已经运行了

具体的几个选项介绍,以及源码请到GIT下载
https://github.com/fishmoyu/fishroll

本插件未限制元素样式,如果您需要多行每次滚动一行,可以对样式进行相关改变来实现。

猜你喜欢

转载自blog.csdn.net/qq_41589481/article/details/108869868