实例22.滚动显示图片.html

JSP网页中用到的JavaScript特效

<table>
<tr>
		<td>
			<DIV id=gundong style="OVERFLOW: hidden; WIDTH: 400px; HEIGHT: 60px" align=center>
			<TABLE cellPadding=0  border=0 cellspace="0"  align=center ID="Table1">
				<TBODY>
				<TR>
				<TD id=gundong11 vAlign=top>
					<TABLE cellSpacing=5 cellPadding=0 width="100%" border=0 align=center>
					<TBODY>
					<TR vAlign=top>
					<td><img src="2.jpg" width=100 height=50><img src="3.jpg" width=100 height=50><img src="4.jpg" width=100 height=50><img src="5.jpg" width=100 height=50><img src="7.jpg" width=100 height=50></td>
					</TR>
					</TBODY>
					</TABLE>
				</TD>
				<TD id=gundong12 vAlign=top>
				</TD>
				</TR>
				</TBODY>
			</TABLE>
			</DIV>
			<script LANGUAGE="JavaScript">
			<!--
			var speed=30                                     // 定义速度
			gundong12.innerHTML=gundong11.innerHTML          // 赋值
			function mq(){
			if(gundong12.offsetWidth-gundong.scrollLeft<=0)
			gundong.scrollLeft-=gundong11.offsetWidth
			else{
			gundong.scrollLeft++
			}
			}
			setInterval(mq,speed)               // 定义定时器
			//-->
			</SCRIPT>
		</td>
</tr>

</table>