中科新闻网kawd672封面:头尾相接循环滚动
来源：百度文库 编辑：中科新闻网 时间：2024/04/29 23:34:34
要让图片文字滚动起来就是用marquee元素
但是要等到所有的内容都滚动出区域以后才会进行第二次循环 这样在滚动区域内会留下一段空白出来
有什么方法可以让每一行（列）的内容滚出区域后 马上从另一端滚动出来 接在文字（图片）的最后
就是内容头尾相接的循环
不好意思 照你这段代码是达到头尾连接循环滚动了
但是我把ami的height改为150后 他就不滚动了
我想说的是当我的文本内容不多 而滚动区域又比较大时
还能实现我想要的效果吗
这段代码好多属性我都不懂 看来基础知识还远远不够啊
但是要等到所有的内容都滚动出区域以后才会进行第二次循环 这样在滚动区域内会留下一段空白出来
有什么方法可以让每一行（列）的内容滚出区域后 马上从另一端滚动出来 接在文字（图片）的最后
就是内容头尾相接的循环
不好意思 照你这段代码是达到头尾连接循环滚动了
但是我把ami的height改为150后 他就不滚动了
我想说的是当我的文本内容不多 而滚动区域又比较大时
还能实现我想要的效果吗
这段代码好多属性我都不懂 看来基础知识还远远不够啊
<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>
问题补充回答:如果不够的话可以自己手工重复加入,一直加到够为止~