<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=utf-8"
/>
<title>间断滚动</title>
<style>
#Marquee{
height:20px; overflow:hidden;}
#Marquee div{ border:1px solid #DDD3FE;
background:#EEECF4;
height:18px;}
</style>
</head>
<body>
<div
id="Marquee">
<div style="width: 260px; height:
18px">
xxxxxxxxxx
</div>
<div style="width: 260px;
height:
18px">
yyyyyyyyyy
</div>
</div>
<script>
var
Mar = document.getElementById("Marquee");
var
child_div=Mar.getElementsByTagName("div")
var picH = 20;//移动高度
var
scrollstep=3;//移动步幅,越大越快
var scrolltime=20;//移动频度(毫秒)越大越慢
var
stoptime=3000;//间断时间(毫秒)
var tmpH = 0;
Mar.innerHTML +=
Mar.innerHTML;
function start(){
if(tmpH <
picH){
tmpH +=
scrollstep;
if(tmpH > picH )tmpH =
picH ;
Mar.scrollTop =
tmpH;
setTimeout(start,scrolltime);
}else{
tmpH = 0;
Mar.appendChild(child_div[0]);
Mar.scrollTop = 0;
setTimeout(start,stoptime);
}
}
onload=function(){setTimeout(start,stoptime)};
</script></body>
</html>