jquery liMarquee 实现表格上下滚动

可以使用jquery liMarquee插件来实现表格上下滚动。

首先，在页面中引入jquery liMarquee插件的js和css文件：

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/liMarquee/2.0.3/liMarquee.min.css">
<script src="https://cdn.bootcdn.net/ajax/libs/liMarquee/2.0.3/jquery.liMarquee.min.js"></script>

然后，在表格外面包裹一个div，并设置其高度和样式：

<div id="marqueeWrapper" style="height: 200px;overflow: hidden;">
  <table id="myTable">
    <thead>
      <tr>
        <th>表头1</th>
        <th>表头2</th>
        <th>表头3</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>内容1</td>
        <td>内容2</td>
        <td>内容3</td>
      </tr>
      <tr>
        <td>内容4</td>
        <td>内容5</td>
        <td>内容6</td>
      </tr>
      <!-- 其他行 -->
    </tbody>
  </table>
</div>

最后，在页面加载完成后，使用jquery liMarquee插件初始化表格：

$(function() {
  $('#myTable').liMarquee({
    direction: 'up', // 滚动方向
    scrollamount: 50, // 滚动速度
    hoverstop: false, // 鼠标移入是否停止滚动
    circular: true, // 是否循环滚动
    drag: false, // 是否支持鼠标拖动
    runshort: false // 内容不足一屏时是否滚动
  });
});

这样就可以实现表格的上下滚动了。