实现marquee连续滚动

<div id="maq" style="overflow:hidden;height:130px;width:100%;">
<div id="mtext">
<div style="width:100%;padding:0 0 0 10;">
<img height="136" src="productImg/80瓦、100瓦工矿灯.jpg" width="176" />
</div>
<div style="width:100%;padding:0 0 0 10;">
<img height="136" src="productImg/LED灯(大).jpg" width="176" />
</div>
   
</div>
<div id="m0"></div>
</div>
<script type="text/javascript">
var speed=40 //调整滚动速度
m0.innerHTML=mtext.innerHTML
function Marquee(){
if(m0.offsetTop-maq.scrollTop<=0)
   maq.scrollTop-=mtext.offsetHeight
else{
   maq.scrollTop++
}
}
var MyMar=setInterval(Marquee,speed)
maq.onmouseover=function() {clearInterval(MyMar)}
maq.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>

本站仅提供存储服务，所有内容均由用户发布，如发现有害或侵权内容，请点击举报。