当鼠标经过连续滚动图片时图片停止运动,单鼠标经过图片出现上下超出层问题,如何解决
adogs 2009-03-10 03:48:43 当鼠标经过连续滚动图片时图片停止运动,单鼠标经过图片出现上下超出层问题,如何解决,下面是代码
<div style="width:250px; height:400px;bgcolor:#00ffff;">
<div id="demo" style="overflow:hidden; width:200px; height:350px;">
<div id="demo1"> <a href="image/zh1.jpg" target="_blank"> <img src="image/zh1.jpg" width="180" height="140"/ style="overflow:hidden;" /> </a> <br />与崔如啄先生
<a href="image/zh2.jpg" target="_blank"> <img src="image/zh2.jpg" width="180" height="140"/ > </a> <br />与邵华将军
<a href="image/zh3.jpg" target="_blank"> <img src="image/zh3.jpg" width="180" height="140"/> </a> <br />与谢觉哉夫人王定国
<a href="image/zh4.jpg" target="_blank"> <img src="image/zh4.jpg" width="180" height="140"/ style="overflow:hidden;" /> </a> <br />与徐秀堂工艺大师
<a href="image/zh5.jpg" target="_blank"> <img src="image/zh5.jpg" width="180" height="140"/ style="overflow:hidden;" /> </a> <br />与徐秀堂紫沙工艺大师
</div>
<div id="demo2"> </div>
</div>
<script language="javascript">
var speed=30
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetTop-demo.scrollTop <=0)
demo.scrollTop-=demo1.offsetHeight
else{
demo.scrollTop++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
</div>