大屏 列表上下滚动 插件 liMarquee – jQuery
liMarquee 是一个用于创建上下滚动列表的 jQuery 插件。以下是如何使用 liMarquee 插件创建一个简单的上下滚动列表的示例代码:
首先,确保在您的 HTML 文件中包含了 jQuery 库和 liMarquee 插件:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>liMarquee Example</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="path/to/jquery.liMarquee.min.js"></script>
</head>
<body>
<div id="marquee-container">
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<!-- 更多列表项 -->
</ul>
</div>
<script>
$(document).ready(function() {
$('#marquee-container ul').liMarquee();
});
</script>
</body>
</html>
在上述代码中,请将 path/to/jquery.liMarquee.min.js
替换为 liMarquee 插件实际所在的路径。#marquee-container ul
是需要滚动的列表的容器。当文档加载完成时,.liMarquee()
函数被调用以启动滚动效果。
评论已关闭