<body>
<div id="colee" style="overflow:hidden;height:200px;width:400px;background:#fcc;">
<div id="colee1">
<p>1<img src=""></p>
<p>2<img src=""></p>
<p>3<img src=""></p>
<p>4<img src=""></p>
<p>5<img src=""></p>
<p>6<img src=""></p>
<p>7<img src=""></p>
<p>8<img src=""></p>
<p>9<img src=""></p>
</div>
<div id="colee2"></div>
</div>
<script>
var speed=10; //数字越大越慢
var colee2=document.getElementById("colee2"); //例如改成 $('#colee2'),但改后无法运行了。
var colee1=document.getElementById("colee1");
var colee=document.getElementById("colee");
colee2.innerHTML=colee1.innerHTML; //克隆colee1为colee2
function Marquee1(){
//当滚动至colee1与colee2交界时
if(colee2.offsetTop-colee.scrollTop<=0){
colee.scrollTop-=colee1.offsetHeight; //colee跳到最顶端
}else{
colee.scrollTop++
}
}
var MyMar1=setInterval(Marquee1,speed)//设置定时器
//鼠标移上时清除定时器达到滚动停止的目的
colee.onmouseover=function() {clearInterval(MyMar1)}
//鼠标移开时重设定时器
//例如改成 $('#colee').bind('mouseover',function(){........});后也无法运行。
colee.onmouseout=function(){MyMar1=setInterval(Marquee1,speed)}
</script>
<!--向上滚动代码结束-->