在一些場合下，我們可能會需要在網頁中展示一張表格，但是由于表格數據較多的原因，表格可能會比較長，導致我們需要不斷下拉瀏覽才能查看完整的數據。這顯然并不是一個很好的用戶體驗。

如何解決這個問題呢？這時候，jQuery表格自動滾動顯示這個效果就能派上用場。

實現這個效果比較簡單，我們只需要用一些基本的jQuery選擇器和方法即可完成。下面是實現代碼：

jQuery(function($) {
var timer;
var interval = 3000;//設定滾動時間間隔
function start() {
$("#table tr:first-child").animate({marginTop:"-20px"}, 800, function() {
$(this).css({marginTop:"0px"}).appendTo("#table");
});
}
function stop() {
clearInterval(timer);
}
timer = setInterval(start, interval);
$("#table").hover(stop,start);
});

上面這段代碼中，interval變量就是滾動時間間隔，單位是毫秒。這里設定了3000毫秒，也就是3秒。

start()方法中包含了滾動表格的核心邏輯，即將表格中的第一行動畫向上滾動，并重新插入到表格的最后一行。這樣，整個表格就可以看起來像是在不斷滾動。

最后，我們通過setInterval()方法將表格的自動滾動效果設為定時器，從而實現了整個效果。

另外，我們還通過hover()方法將鼠標移上表格時自動滾動效果停止，移出后重新開始。

到此為止，jQuery表格自動滾動顯示的效果就實現了。不僅可以讓用戶更方便地瀏覽表格中的數據，而且還可以為網站增加一份現代感。