js 滚动图片

<!-- ***************************************************************** -->
      <DIV id=demo style="OVERFLOW: hidden;">
<TABLE cellPadding=0 align=left border=0 cellspace="0">
<TBODY>
<TR>
<TD id="demo1" vAlign=top>
<TABLE cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
<ww:if test="#request.scrollPhotoList !=null">
<ww:iterator value="#request.scrollPhotoList">
<TD>
<img src="<%=request.getContextPath() %>/eventsUpload/index/photo/<ww:property value="photoName" />" width="160" height="121" />
</TD>
</ww:iterator>
<TD width=15></TD>
</ww:if>
</TR>
</TBODY>
</TABLE>
</TD>
<TD id=demo2 vAlign=top></TD>
</TR>
</TBODY>
</TABLE>
</DIV>

<SCRIPT>
		var speed=30//速度数值越大速度越慢
		demo2.innerHTML=demo1.innerHTML
		function Marquee(){
		if(demo2.offsetWidth-demo.scrollLeft<=0)
		demo.scrollLeft-=demo1.offsetWidth
		else{
		demo.scrollLeft++
		}
		}
		var MyMar=setInterval(Marquee,speed)
		demo.onmouseover=function()
		{
		clearInterval(MyMar)
		}
		demo.onmouseout=function()
		{
		MyMar=setInterval(Marquee,speed)
		}
	</SCRIPT>