加上这句代码,实现对表的自动滚动。
<script>
$(function () {
var text = $("tbody:first"); //定义第一个tr内容
var clear; //定义需要清除动画的部分
text.hover(function () {
clearInterval(clear); //鼠标悬停,清除动画,停止滚动
}, function () {
clear = setInterval(function () {
var field = text.find("tr:first"); //获取第一个tr内容
var high = field.height(); //获取需要滚动的高度
text.animate({
marginTop: -high + "px"
}, 600, function () { //隐藏第一行
field.css("marginTop", 0).appendTo(text); //将该行的margin值置零,然后插入到最后
text.css("marginTop", 0);
})
}, 1000) //滚动间隔时间
}).trigger("mouseleave"); //自动滚动
});
</script>