jQuery无缝滚动插件-liMarquee

简介

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

使用方法

1、引入文件

<link rel="stylesheet" type="text/css" href="./css/liMarquee.css"/>
<script type="text/javascript" src="./js/jquery-3.6.0.min.js" charset="UTF-8"></script>
<script type="text/javascript" src="./js/jquery.limarquee.js" charset="UTF-8"></script>

2、HTML

<div class="marquee">
        <ul>
            <li>TEST无缝滚动1</li>
            <li>TEST无缝滚动2</li>
            <li>TEST无缝滚动3</li>
            <li>TEST无缝滚动4</li>
            <li>TEST无缝滚动5</li>
            <li>TEST无缝滚动6</li>
            <li>TEST无缝滚动7</li>
        </ul>
    </div>

3、JavaScript

$(function () {
    $('.marquee').liMarquee({
        direction: 'up', // 滚动方向
        scrollamount: 40, // 滚动速度
    });
})

4、style

.marquee{
height:100px;
overflow:hideen;
}

EC969637-CAF3-4A79-8406-EF9818AFF0BF.png