jQuery 可重复使用 无缝滚动

jQuery 可以使用插件来实现无缝滚动，常见的插件有 jQuery Marquee 和 jQuery Smooth Div Scroll。使用这些插件可以方便地实现无缝滚动，并且可以根据需要自定义滚动的速度、方向、内容等。

以下是使用 jQuery Marquee 实现无缝滚动的示例代码：

HTML 代码：

<div class="marquee">
  <ul>
    <li>第一条滚动消息</li>
    <li>第二条滚动消息</li>
    <li>第三条滚动消息</li>
    <li>第四条滚动消息</li>
    <li>第五条滚动消息</li>
  </ul>
</div>

CSS 代码：

.marquee {
  width: 200px;
  height: 100px;
  overflow: hidden;
  border: 1px solid #ccc;
}

.marquee ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.marquee li {
  height: 20px;
  line-height: 20px;
}

JavaScript 代码：

$(function() {
  $('.marquee').marquee({
    duration: 3000,
    gap: 50,
    delayBeforeStart: 0,
    direction: 'left',
    duplicated: true
  });
});

这段代码会将包含滚动消息的 div 元素转化为无缝滚动的元素，并且设置了滚动方向为向左，每次滚动间隔为 50px，滚动速度为 3000 毫秒，重复滚动。可以根据需要调整这些参数来实现不同的滚动效果。