这段代码为什么不能使图片循环滚动,总是滚动到一半就停止了
<script type="text/javascript"> //more javascript from http://www.smallrain.netdocument.write('<table align=center width=774 border=0 cellpadding=0 cellspacing=0 style=BORDER-LEFT: #cccccc 1px solid;BORDER-RIGHT: #cccccc 1px solid>'); document.write(' <tr> '); document.write(' <td width=774 height=120 align=center class=border01 bgcolor=#FFFFFF>'); document.write(' <div id=demo style=overflow:hidden;width:750px;align=center>'); document.write(' <table border=0 align=center cellpadding=1 cellspacing=1 cellspace=0 >'); document.write(' <tr>'); document.write(' <td valign=top bgcolor=ffffff id=marquePic1> '); document.write(' <table width=90% border=0 cellspacing=0 cellpadding=0>'); document.write(' <tr align=center> '); document.write(' <td><a href="#" target="new"><img src=images/1.jpg width=148 height=196 hspace=2 border=0></a></td>'); document.write(' <td><a href="#" target="new"><img src=images/2.jpg width=148 height=196 hspace=2 border=0></a></td>'); document.write(' <td><a href="#" target="new"><img src=images/3.jpg width=148 height=196 hspace=2 border=0></a></td>'); document.write(' <td><a href="#" target="new"><img src=images/4.jpg width=148 height=196 hspace=2 border=0></a></td>'); document.write(' </tr>'); document.write(' </table>'); document.write(' </td>'); document.write(' <td id=marquePic2 valign=top></td>'); document.write(' </tr>'); document.write(' </table>'); document.write(' </div>'); document.write(' </td>'); document.write(' </tr>'); document.write(' </table>'); var speed=10 //值越大滚动越慢
var marquePic1 = document.getElementById("marquePic1");
var marquePic2 = document.getElementById("marquePic2");
var demo = document.getElementById("demo");marquePic2.innerHTML=marquePic1.innerHTML function Marquee(){ if(marquePic2.offsetWidth-demo.scrollLeft<=0)
{
demo.scrollLeft-=marquePic1.offsetWidth
}else
{
demo.scrollLeft++
}
} var MyMar=setInterval(Marquee,speed) demo.onmouseover=function() {clearInterval(MyMar)} demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)} </script>
<script type="text/javascript"> //more javascript from http://www.smallrain.netdocument.write('<table align=center width=774 border=0 cellpadding=0 cellspacing=0 style=BORDER-LEFT: #cccccc 1px solid;BORDER-RIGHT: #cccccc 1px solid>'); document.write(' <tr> '); document.write(' <td width=774 height=120 align=center class=border01 bgcolor=#FFFFFF>'); document.write(' <div id=demo style=overflow:hidden;width:750px;align=center>'); document.write(' <table border=0 align=center cellpadding=1 cellspacing=1 cellspace=0 >'); document.write(' <tr>'); document.write(' <td valign=top bgcolor=ffffff id=marquePic1> '); document.write(' <table width=90% border=0 cellspacing=0 cellpadding=0>'); document.write(' <tr align=center> '); document.write(' <td><a href="#" target="new"><img src=images/1.jpg width=148 height=196 hspace=2 border=0></a></td>'); document.write(' <td><a href="#" target="new"><img src=images/2.jpg width=148 height=196 hspace=2 border=0></a></td>'); document.write(' <td><a href="#" target="new"><img src=images/3.jpg width=148 height=196 hspace=2 border=0></a></td>'); document.write(' <td><a href="#" target="new"><img src=images/4.jpg width=148 height=196 hspace=2 border=0></a></td>'); document.write(' </tr>'); document.write(' </table>'); document.write(' </td>'); document.write(' <td id=marquePic2 valign=top></td>'); document.write(' </tr>'); document.write(' </table>'); document.write(' </div>'); document.write(' </td>'); document.write(' </tr>'); document.write(' </table>'); var speed=10 //值越大滚动越慢
var marquePic1 = document.getElementById("marquePic1");
var marquePic2 = document.getElementById("marquePic2");
var demo = document.getElementById("demo");marquePic2.innerHTML=marquePic1.innerHTML function Marquee(){ if(marquePic2.offsetWidth-demo.scrollLeft<=0)
{
demo.scrollLeft-=marquePic1.offsetWidth
}else
{
demo.scrollLeft++
}
} var MyMar=setInterval(Marquee,speed) demo.onmouseover=function() {clearInterval(MyMar)} demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)} </script>
<div id=demo style=overflow:hidden;width:550px;align=center>或者把
<td valign=top bgcolor=ffffff id=marquePic1>
加上个比750大的宽度
{
demo.scrollLeft-=marquePic1.offsetWidth
}else
{
demo.scrollLeft++
}
} var MyMar=setInterval(Marquee,speed) demo.onmouseover=function() {clearInterval(MyMar)} demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}