网页制作中关于图片来回滚动的一个问题

来源：百度知道 编辑：UC知道 时间：2024/06/07 18:09:38
大家看这个网站：www.hbgmxx.com
最下面的图片滚动，是怎么实现的。我试过，但图片滚动的时候不能实现无空白，而人家那做的可以实现图片总长大于了页面的宽度
高手请回答

<script>
var speed1=40
var scroll_end = document.getElementById("scroll_end");
var scroll_div = document.getElementById("scroll_div");
scroll_end.innerHTML=scroll_begin.innerHTML
function Marquee1(){
if(scroll_end.offsetWidth-scroll_div.scrollLeft<=0)
scroll_div.scrollLeft-=scroll_begin.offsetWidth
else{
scroll_div.scrollLeft++
}
}
var MyMar1=setInterval(Marquee1,speed1)
scroll_div.onmouseover=function() {clearInterval(MyMar1)}
scroll_div.onmouseout=function() {MyMar1=setInterval(Marquee1,speed1)}
</script>

这段加在head上面

下面这段代码就是滚动的了
<div style="margin-top:5px;">
<div id="scroll_div" style="overflow: hidden; width: 997px;" align=center>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td id="scroll_begin">
<a href