liMarquee – jQuery无缝滚动插件

liMarquee – jQuery无缝滚动插件

更新: 2017-01-9

阅读:542

开源:GitHub

liMarquee是一款基于 jQuery 的无缝滚动插件,类似于 HTML 的 marquee 标签,但比 marquee 更强大。它可以应用于任何 Web 元素,包括文字、图像、表格、表单等元素,同时它可以设置不同的滚动方向(左右上下)、滚动速度、鼠标悬停暂停、鼠标拖动、加载 xml 文件等等。

使用方法

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="demo">jQuery无缝滚动插件liMarquee</div>

3、调用

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


参数

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