limarquee.js轻松实现无缝滚动

发布于 2020-11-02  1968 次阅读


2022年1月25日更新说明:这个滚动是纯滚动,不是轮播图

相关API文档

https://www.dowebok.com/demo/188/index11.html

使用方法

1、引入文件

<link rel="stylesheet" href="/css/liMarquee.css">
<script src="/js/jquery-1.9.0.min.js"></script>
<script src="/js/jquery.liMarquee.js"></script>

2、HTML

<div class="dowebok">jQuery无缝滚动插件liMarquee</div>

3、JavaScript

$(function(){
    $('.dowebok').liMarquee();
});

配置

名称类型默认值说明
direction字符串left滚动方向,可选 left / right / up / down
loop整数-1循环次数,-1 为无限循环
scrolldelay整数0每次重复之前的延迟
scrollamount整数50滚动速度,越大越快
circular布尔值true无缝滚动,如果为 false,则和 marquee 效果一样
drag布尔值true鼠标可拖动
runshort布尔值true内容不足是否滚动
hoverstop布尔值true鼠标悬停暂停
xml布尔值false加载 xml 文件
inverthover布尔值false反向,即默认不滚动,鼠标悬停滚动

欢迎欢迎~热烈欢迎~