帮朋友做一个网站,里面的图片刚开始用marquee标签循环图片,可以这样要到部图片显示完后才开始重新循环图片,后来用一一段javascript代码,可是只循环两次就停了,放在其它网页上又可以,实在想不通哈,刚读完一个学期,呵呵,菜鸟一个,呵呵^^各位帮忙看看这个问题,谢谢咯,代码是下面这样的,<div id="BigDiv" >
<div id="SmallDiv1" style="width:100%; float:left; overflow:hidden;" > <img src="imageone/GF_Logo.gif" width="170" height="60"><br>
<br>
<img src="imageone/link2.jpg"width="170" height="60"><br>
<br>
<img src="imageone/斯普瑞喷雾系统.jpg" width="170" height="60"><br>
<br>
<br>
</div>
<div id="SmallDiv2" > </div>
<script>
var speed=10
SmallDiv2.innerHTML=SmallDiv1.innerHTML //克隆demo1为demo2
function Marquee(){
//当滚动至demo1与demo2交界时
if(SmallDiv2.offsetTop-BigDiv.scrollTop<=0)
BigDiv.scrollTop-=SmallDiv1.offsetHeight //demo跳到最顶端
else{
BigDiv.scrollTop++
}
}
var MyMar=setInterval(Marquee,speed)//设置定时器
//鼠标移上时清除定时器达到滚动停止的目的
BigDiv.onmouseover=function() {clearInterval(MyMar)}
//鼠标移开时重设定时器
BigDiv.onmouseout=function(){MyMar=setInterval(Marquee,speed)}
</script>
<div id="SmallDiv1" style="width:100%; float:left; overflow:hidden;" > <img src="imageone/GF_Logo.gif" width="170" height="60"><br>
<br>
<img src="imageone/link2.jpg"width="170" height="60"><br>
<br>
<img src="imageone/斯普瑞喷雾系统.jpg" width="170" height="60"><br>
<br>
<br>
</div>
<div id="SmallDiv2" > </div>
<script>
var speed=10
SmallDiv2.innerHTML=SmallDiv1.innerHTML //克隆demo1为demo2
function Marquee(){
//当滚动至demo1与demo2交界时
if(SmallDiv2.offsetTop-BigDiv.scrollTop<=0)
BigDiv.scrollTop-=SmallDiv1.offsetHeight //demo跳到最顶端
else{
BigDiv.scrollTop++
}
}
var MyMar=setInterval(Marquee,speed)//设置定时器
//鼠标移上时清除定时器达到滚动停止的目的
BigDiv.onmouseover=function() {clearInterval(MyMar)}
//鼠标移开时重设定时器
BigDiv.onmouseout=function(){MyMar=setInterval(Marquee,speed)}
</script>
解决方案 »
免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货