js图片与文字一起滚动


<TABLE cellSpacing=0 cellPadding=0 width=758 align=center border=0><TBODY>
<TR>
<TD valign=middle width=758>
<DIV id=demo style="OVERFLOW: hidden; WIDTH: 758px; HEIGHT: 165px">
<TABLE cellSpacing=0 cellPadding=0 align=center border=0 cellspace="0">
<TBODY>
<TR>
<TD id=demo1 vAlign=top>
<TABLE cellSpacing=0 cellPadding=0 width=758 border=0>
<TBODY>
<TR>
<TD>
<TABLE width="100%" border=0>
<TR>
<TD>
<TABLE border=0>
<TBODY>
<TR>
<TD align=center>
<IMG id=PubBody1_NewsListStyle7_repList__ctl1_imgPicture style="WIDTH: 94px; HEIGHT: 130px" alt=""
src="../Upload/News/Picture/20080520163243313.jpg" border=0> </TD></TR>
<TR>
<TD><A title="第八十一期 " href="ShowInfo.aspx?ID=619">第八十一期 </A>&nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; </TD></TR>
</TABLE></TD>
<TD>
<TABLE border=0>
<TBODY>
<TR>
<TD align=center><IMG id=PubBody1_NewsListStyle7_repList__ctl2_imgPicture style="WIDTH: 94px; HEIGHT: 130px" alt="" src="../Upload/News/Picture/20080520162514891.jpg" border=0> </TD></TR>
<TR>
<TD><A title="第七十七期 " href="ShowInfo.aspx?ID=618">第七十七期 </A>&nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; </TD></TR></TBODY></TABLE></TD>
<TD>
<TABLE border=0>
<TBODY>
<TR>
<TD align=center><IMG id=PubBody1_NewsListStyle7_repList__ctl3_imgPicture style="WIDTH: 94px; HEIGHT: 130px" alt="" src="../Upload/News/Picture/20080520162419589.jpg" border=0> </TD></TR>
<TR>
<TD><A title="第七十六期 " href="ShowInfo.aspx?ID=617">第七十六期 </A>&nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; </TD></TR></TBODY></TABLE></TD>
<TD>
<TABLE border=0>
<TBODY>
<TR>
<TD align=center><IMG id=PubBody1_NewsListStyle7_repList__ctl4_imgPicture style="WIDTH: 94px; HEIGHT: 130px" alt="" src="../Upload/News/Picture/20080520162324618.jpg" border=0> </TD></TR>
<TR>
<TD><A title="第七十五期 " href="ShowInfo.aspx?ID=616">第七十五期 </A>&nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; </TD></TR></TBODY></TABLE></TD>
<TD>
<TABLE border=0>
<TBODY>
<TR>
<TD align=center><IMG id=PubBody1_NewsListStyle7_repList__ctl5_imgPicture style="WIDTH: 94px; HEIGHT: 130px" alt="" src="../Upload/News/Picture/20080520162153612.jpg" border=0> </TD></TR>
<TR>
<TD><A title="第七十四期 " href="ShowInfo.aspx?ID=615">第七十四期 </A>&nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; </TD></TR></TBODY></TABLE></TD>
<TD>
<TABLE border=0>
<TBODY>
<TR>
<TD align=center><IMG id=PubBody1_NewsListStyle7_repList__ctl6_imgPicture style="WIDTH: 94px; HEIGHT: 130px" alt="" src="../Upload/News/Picture/20080520161557323.jpg" border=0> </TD></TR>
<TR>
<TD><A title="第七十三期 " href="ShowInfo.aspx?ID=614">第七十三期 </A>&nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; </TD></TR></TBODY></TABLE></TD>
<TD>
<TABLE border=0>
<TBODY>
<TR>
<TD align=center><IMG id=PubBody1_NewsListStyle7_repList__ctl7_imgPicture style="WIDTH: 94px; HEIGHT: 130px" alt="" src="../Upload/News/Picture/20080520161225111.jpg" border=0> </TD></TR>
<TR>
<TD><A title="第七十一期 " href="ShowInfo.aspx?ID=613">第七十一期 </A>&nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
<!--  
</table>
 --></TD></TR></TBODY></TABLE></TD>
<TD id=demo2 vAlign=top align=center>
<TABLE cellSpacing=0 cellPadding=0 width=758 border=0>
<TBODY>
<TR>
<TD>
<TABLE width="100%" border=0>
<TBODY>
<TR>
<TD>
<TABLE border=0>
<TBODY>
<TR>
<TD align=center><IMG id=PubBody1_NewsListStyle7_repList__ctl1_imgPicture style="WIDTH: 94px; HEIGHT: 130px" alt="" src="http://fsyzk.com/Upload/News/Picture/20080520163243313.jpg" border=0> </TD></TR>
<TR>
<TD><A title="第八十一期 " href="http://fsyzk.com/News/ShowInfo.aspx?ID=619">第八十一期 </A>&nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; </TD></TR></TBODY></TABLE></TD>
<TD>
<TABLE border=0>
<TBODY>
<TR>
<TD align=center><IMG id=PubBody1_NewsListStyle7_repList__ctl2_imgPicture style="WIDTH: 94px; HEIGHT: 130px" alt="" src="http://fsyzk.com/Upload/News/Picture/20080520162514891.jpg" border=0> </TD></TR>
<TR>
<TD><A title="第七十七期 " href="http://fsyzk.com/News/ShowInfo.aspx?ID=618">第七十七期 </A>&nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; </TD></TR></TBODY></TABLE></TD>
<TD>
<TABLE border=0>
<TBODY>
<TR>
<TD align=center><IMG id=PubBody1_NewsListStyle7_repList__ctl3_imgPicture style="WIDTH: 94px; HEIGHT: 130px" alt="" src="http://fsyzk.com/Upload/News/Picture/20080520162419589.jpg" border=0> </TD></TR>
<TR>
<TD><A title="第七十六期 " href="http://fsyzk.com/News/ShowInfo.aspx?ID=617">第七十六期 </A>&nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; </TD></TR></TBODY></TABLE></TD>
<TD>
<TABLE border=0>
<TBODY>
<TR>
<TD align=center><IMG id=PubBody1_NewsListStyle7_repList__ctl4_imgPicture style="WIDTH: 94px; HEIGHT: 130px" alt="" src="http://fsyzk.com/Upload/News/Picture/20080520162324618.jpg" border=0> </TD></TR>
<TR>
<TD><A title="第七十五期 " href="http://fsyzk.com/News/ShowInfo.aspx?ID=616">第七十五期 </A>&nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; </TD></TR></TBODY></TABLE></TD>
<TD>
<TABLE border=0>
<TBODY>
<TR>
<TD align=center><IMG id=PubBody1_NewsListStyle7_repList__ctl5_imgPicture style="WIDTH: 94px; HEIGHT: 130px" alt="" src="http://fsyzk.com/Upload/News/Picture/20080520162153612.jpg" border=0> </TD></TR>
<TR>
<TD><A title="第七十四期 " href="http://fsyzk.com/News/ShowInfo.aspx?ID=615">第七十四期 </A>&nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; </TD></TR></TBODY></TABLE></TD>
<TD>
<TABLE border=0>
<TBODY>
<TR>
<TD align=center><IMG id=PubBody1_NewsListStyle7_repList__ctl6_imgPicture style="WIDTH: 94px; HEIGHT: 130px" alt="" src="http://fsyzk.com/Upload/News/Picture/20080520161557323.jpg" border=0> </TD></TR>
<TR>
<TD><A title="第七十三期 " href="http://fsyzk.com/News/ShowInfo.aspx?ID=614">第七十三期 </A>&nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; </TD></TR></TBODY></TABLE></TD>
<TD>
<TABLE border=0>
<TBODY>
<TR>
<TD align=center><IMG id=PubBody1_NewsListStyle7_repList__ctl7_imgPicture style="WIDTH: 94px; HEIGHT: 130px" alt="" src="http://fsyzk.com/Upload/News/Picture/20080520161225111.jpg" border=0> </TD></TR>
<TR>
<TD><A title="第七十一期 " href="http://fsyzk.com/News/ShowInfo.aspx?ID=613">第七十一期 </A>&nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
<!--  
</table>
 --></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV>
<SCRIPT>
  var speed=20
  demo2.innerHTML=demo1.innerHTML
  function Marquee()
{
  if(demo.scrollLeft>=demo2.offsetWidth)
  demo.scrollLeft=0;
  else
  demo.scrollLeft++;
}
  var MyMar=setInterval(Marquee,speed)
  demo.onmouseover=function() {clearInterval(MyMar)}
  demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
  </SCRIPT>
</TD></TR></TBODY></TABLE>
原文地址:https://www.cnblogs.com/jamin/p/1211214.html