我在html文件中使用<marquee>标记来滚动图片,但是无法实现图片序列头尾相接,没一次按顺序滚动完后就出现一大段空白,请问如何解决?
參考答案:可以用脚本的形式改变一下。
<div id=ami style=overflow:hidden;height:50;width:150>
<div id=ami1>
我是打头的<br>
我向上运动<br>
我向上运动<br>
我向上运动<br>
我向上运动<br>
我向上运动<br>
我向上运动
</div>
<div id=ami2></div>
</div>
<script>
var speed=30;
ami2.innerHTML=ami1.innerHTML
function Marquee()
{
if(ami2.offsetTop-ami.scrollTop<=0)
ami.scrollTop-=ami1.offsetHeight;
else
ami.scrollTop++;
}
var MyMar=setInterval(Marquee,speed)
ami.onmouseover=function() {clearInterval(MyMar)}
ami.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
参考资料: