加入超连接后滚动显示图片的网页就不滚动了(ASP)
我有一段滚动显示图片的ASP代码,如果在图片上加入超连接后就不滚动了,有什么好办法吗?
<div id=demo style="overflow:hidden;height:200;width:80%;background:#214984;color:#ffffff">
<div id=demo1>
<a href='../images/newsphoto/1.jpg'><img src='../images/newsphoto/1.jpg' width='200'>
<a href='../images/newsphoto/2.JPG'><img src='../images/newsphoto/2.JPG' width='200'>
<a href='../images/newsphoto/3.JPG'><img src='../images/newsphoto/3.JPG' width='200'>
<a href='../images/newsphoto/4.JPG'><img src='../images/newsphoto/4.JPG' width='200'>
<a href='../images/newsphoto/5.JPG'><img src='../images/newsphoto/5.JPG' width='200'>
</div>
<div id=demo2></div>
</div>
<script>
var speed=50
demo2.innerHTML=demo1.innerHTML
function Marquee(){
//当滚动至demo1与demo2交界时
if(demo2.offsetTop-demo.scrollTop<=0)
demo.scrollTop-=demo1.offsetHeight //demo跳到最顶端
else{
demo.scrollTop++
}
}
var MyMar=setInterval(Marquee,speed)//设置定时器
//鼠标移上时清除定时器达到滚动停止的目的
demo.onmouseover=function() {clearInterval(MyMar)}
//鼠标移开时重设定时器
demo.onmouseout=function(){MyMar=setInterval(Marquee,speed)}
</script>
以上代码,如果把<a href='../images/newsphoto/1.jpg'>这些超连接去掉,图片就可以正常滚动,加上后就不行了,怎么办好呢?