//marquee标签
//实现无缝滚动
<script type="text/javascript">
var area=document.getElementById("moocBox");
var con1=document.getElementById("con1");
var con2=document.getElementById("con2");
var time=50;
area.scrollTop=0;
con2.innerHTML=con1.innerHTML;
function upScroll(){
if (area.scrollTop>=con1.offsetHeight) {
area.scrollTop=0;
} else {
area.scrollTop++;
}
}
var myScroll=setInterval('upScroll()',time);
area.onmouseover=function(){
clearInterval(myScroll);
};
area.onmouseout=function(){
myScroll=setInterval("upScroll()",time);
};
</script>
//实现暂停后无缝滚动
<script type="text/javascript">
var aera=document.getElementById("moocBox");
aera.innerHTML+=aera.innerHTML;
aera.scrollTop=0;
var iLiHeight=48;
var timer;
var speed=50;
var delay=2000;
function startMove(){
aera.scrollTop++;
timer=setInterval('scrollUp()',speed)
}
function scrollUp(){
if (aera.scrollTop%iLiHeight==0) {
clearInterval(timer);
setTimeout('startMove()',delay);
} else{
aera.scrollTop++;
if (aera.scrollTop>=aera.scrollHeight/2) {
aera.scrollTop=0;
}
}
}
setTimeout("startMove()",delay);
</script>