js图片与文字一起滚动

zoukankan html css js c++ java

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>         </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>         </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>         </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>         </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>         </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>         </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>         </TD></TR></TBODY></TABLE></TD></TR></TBODY></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>         </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>         </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>         </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>         </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>         </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>         </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>         </TD></TR></TBODY></TABLE></TD></TR></TBODY></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>

查看全文

相关阅读:
oracle 巡检脚本（自动化）规格严格
 应用版日常linux系统巡检shell脚本规格严格
 linux系统巡检脚本规格严格
 超级详细RPM 规格严格
 项目管理纪实一：需求调研日志
 其实你不懂程序员
 Silverlight同步(Synchronous)调用WCF服务
 GeoServer地图开发解决方案（一）：环境搭建篇
 新年新起点荣获2011年度Silverlight方向Microsoft® MVP奖
 工作中发现 VC 通过 Flex 访问 FusionChart for FLEX 当VC端的驱动数据串过长时，会出现 No Data to Display错误

原文地址：https://www.cnblogs.com/jamin/p/1211214.html