介紹：
liMarquee 是一款基於 jQuery 的無縫滾動插件，類似於 HTML 的 marquee 標簽，但比 marquee 更強大。它可以應用於任何 Web 元素，包括文字、圖像、表格、表單等元素，同時它可以設置不同的滾動方向（左右上下）、滾動速度、鼠標懸停暫停、鼠標拖動、加載 xml 文件等等。
參數：
| 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 | 反向，即默認不滾動，鼠標懸停滾動 |
參考源碼：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>liMarquee無縫滾動插件</title>
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
<script src="js/jquery.liMarquee.js"></script>
<link href="css/jquery.liMarquee.css" rel="stylesheet" />
<style> .cont { width: 600px; margin: 30px auto; overflow: hidden; } ul, li { margin: 0; padding: 0; } ul { width: 100%; } li { list-style-type: none; margin: 0 20px; height: 50px; line-height: 50px; font-size: 18px; /* 注意 display: inline-block; */ display: inline-block; } </style>
</head>
<body>
<div class="cont">
<ul>
<li>測試數據1</li>
<li>測試數據2</li>
<li>測試數據3</li>
<li>測試數據4</li>
<li>測試數據5</li>
<li>測試數據6</li>
<li>測試數據7</li>
<li>測試數據8</li>
<li>測試數據9</li>
<li>測試數據10</li>
</ul>
</div>
</body>
<script> $(function () { $('.cont').liMarquee({ scrollamount: 160, //數值越大，滾動速度越大
}); }); </script>
</html>