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>

查看全文

相关阅读:
Django级联删除的选项
 Mysql远程连接配置
 Node.js中http-server的使用
 MySQL大小写问题
 将Mysql的一张表导出至Excel格式文件
 图像处理之直方图均衡化及C源码实现
 图像处理之双边滤波介绍与源码实现
 图像滤波之高斯滤波介绍
 图像处理之中值滤波介绍及C实现
 图像处理之均值滤波介绍及C算法实现

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