只滚动一次就不滚动了
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
body, ul, li {font-size: 15px; color: #333; padding: 0; margin: 0; font-family: "微软雅黑"; }
ul, li {list-style-type: none;}
.bgup{padding: 5px 20px;width: 400px; height:170px; margin:50px auto; overflow: hidden; border: 1px solid #DDDDDD;}
.bgup ul li{line-height: 28px;overflow: hidden; }
</style>
</head>
<body>
<div class="bgup" id="bgup">
<ul id="bgup1">
<li>1.111111111111</li>
<li>2.2222222222222222222</li>
<li>3.333333333333333333</li>
<li>4.44444444444444444444</li>
<li>5.55555555555555555555</li>
<li>6.66666666666666666666666</li>
<li>7.77777777777777777777777</li>
<li>8.88888888888888888888888</li>
<li>9.99999999999999999999999</li>
<li>10.101010101010101010</li>
</ul>
<ul id="bgap2"></ul>
</div>
<script>
var infos = document.getElementById("bgup");
var bgup1 = document.getElementById("bgup1");
var bgup2 = document.getElementById("bgap2");
bgup2.innerHTML = bgup1.innerHTML;
function mays(){
if(infos.scrollTop >= bgup1.offsetHeight){
infos.scrollTop=0;
}else{
infos.scrollTop++;
}
}
var time = 50;
var scrollbg = setInterval("mays()",time);
</script>
</body>
</html>
