<!-- 要点: demo的width不能大于内容的width 否则只能滚动一次 --> <div id="demo" style="OVERFLOW: hidden; WIDTH: 200px; HEIGHT: 255px"> <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td colspan="3" height="8"></td> </tr> <tr> <td><div id="demo1"> <table width="200" border="0" align="center" cellpadding="0" cellspacing="0"> <tr align="middle"> <td><table width="50%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="8" height="97"></td> <td width="130"><div align="center"> <a href="pictrue.asp?ID=44" mce_href="pictrue.asp?ID=44" target="_blank"><img src="Pic/20072513103713345.jpg" mce_src="Pic/20072513103713345.jpg" alt="1" width="80" height="150" border="0" /> </a> </div></td> </tr> </table></td> <td><table width="50%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="8" height="97"></td> <td width="130"><div align="center"> <a href="pictrue.asp?ID=44" mce_href="pictrue.asp?ID=44" target="_blank"><img src="Pic/20072513103713345.jpg" mce_src="Pic/20072513103713345.jpg" alt="2" width="80" height="150" border="0" /> </a> </div></td> </tr> </table></td> </tr> </table> </div></td> <td><div id="demo2">内容载入中···</div></td> </tr> <tr> <td colspan="3" height="8"></td> </tr> </table> </div> <SCRIPT> function movpic(){ var speed=1000 demo2.innerHTML=demo1.innerHTML function Marquee(){ if(demo2.offsetWidth-demo.scrollLeft<=0) demo.scrollLeft-=demo1.offsetWidth else{ demo.scrollLeft=demo.scrollLeft+5 } } var MyMar=setInterval(Marquee,speed) demo.οnmοuseοver=function() {clearInterval(MyMar)} demo.οnmοuseοut=function() {MyMar=setInterval(Marquee,speed)} } movpic() </SCRIPT>