$(function () {
var text = $("tbody:first");//定义第一个tr内容
var clear;//定义需要清除动画的部分
text.hover(function () {
clearInterval(clear);//鼠标悬停,清除动画,停止滚动
}, function () {
clear = setInterval(function () {
var field = text.find("tr:nth-child(1)");//获取第一个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");//自动滚动
});
};
$(function () {
var $this = $("#table_Worker");
var scrollTimer;
$this.hover(function () {
clearInterval(scrollTimer);
}, function () {
scrollTimer = setInterval(function () {
scrollNews($this);
}, 1000);
}).trigger("mouseleave");
function scrollNews(obj) {
var $self = obj.find("tbody");
var lineHeight = $self.find("tr:first").height();
$self.animate({
"marginTop": -lineHeight + "px"
}, 2000, 'linear', function () {
$self.css({
marginTop: 0
}).find("tr:first").appendTo($self);
})
}
})
jq 表格内容滚动
最新推荐文章于 2022-03-01 19:01:38 发布