Bootstrap

表格自动向上滚动

 加上这句代码,实现对表的自动滚动。

<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>

 

转载于:https://my.oschina.net/ch66880/blog/2051087

;