<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
.wrap{
width: 200px;
height: 190px;
overflow: hidden;
}
#table td{
border:1px solid #000;
}
</style>
</head>
<body>
<div class="wrap">
<table id="table" border-collapse:'collapse'>
<tr><td>111111111</td></tr>
<tr><td>222222222</td></tr>
<tr><td>333333333</td></tr>
<tr><td>444444444</td></tr>
<tr><td>555555555</td></tr>
<tr><td>666666666</td></tr>
<tr><td>777777777</td></tr>
<tr><td>888888888</td></tr>
<tr><td>999999999</td></tr>
</table>
</div>
<script src="jquery-1.8.3.min.js"></script>
<script>
setInterval(function(){
$('#table tr').eq(0).appendTo($('#table'))
},1000)
</script>
</body>
</html>
JQuery 简单的滚动轮播
最新推荐文章于 2024-04-23 11:28:13 发布