<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
table{width: 500px;border: 1px solid gray;border-collapse: collapse;}
#box{width:500px;height:300px;overflow: hidden;}
th,td{width:100px;height:50px;line-height: 35px;border: 1px solid gray;text-align: center;}
</style>
<body>
<table>
<tr>
<th>ID</th>
<th>姓名</th>
<th>年龄</th>
<th>住址</th>
</tr>
</table>
<div id="box">
<table id="con1">
<tr>
<td>1001</td>
<td>李四</td>
<td>21</td>
<td>河南</td>
</tr>
<tr>
<td>1002</td>
<td>张飞</td>
<td>22</td>
<td>北京</td>
</tr>
<tr>
<td>1003</td>
<td>张弛</td>
<td>21</td>
<td>上海</td>
</tr>
<tr>
<td>1004</td>
<td>张恒</td>
<td>20</td>
<td>广州</td>
</tr>
<tr>
<td>1005</td>
<td>李航</td>
<td>21</td>
<td>重庆</td>
</tr>
<tr>
<td>1006</td>
<td>额的</td>
<td>21</td>
<td>成都</td>
</tr>
<tr>
<td>1007</td>
<td>AAAA</td>
<td>AAAA</td>
<td>深圳</td>
</tr>
</table>
<table id="con2"></table>
</div>
<script type="text/javascript">
var box=document.getElementById("box");
var con1=document.getElementById("con1");
var con2=document.getElementById("con2");
var speed=30;
con2.innerHTML=con1.innerHTML;
function ScrollUp(){
if( box.scrollTop>=con1.scrollHeight){
box.scrollTop=0;
}else{
box.scrollTop++;
}
console.log(con1.scrollHeight)
}
var i=setInterval("ScrollUp()",speed);
box.onmouseenter=function(){
Stop()
}
box.onmouseleave=function(){
Up()
}
function Stop(){
clearInterval(i);
}
function Up(){
i=setInterval("ScrollUp()",speed);
}
</script>
</body>
</html>
05-03
839
839
02-28
650
650
“相关推荐”对你有帮助么？
-
非常没帮助 -
没帮助 -
一般 -
有帮助 -
非常有帮助
提交
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
