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>

查看全文

相关阅读:
【php】【psr】psr4 自动加载规范
 SQL经典50查询语句案例_2(查询平均成绩大于60分的同学的学号和平均成绩)
Dijkstra算法
 Re——正则表达式_对象(regex) and (match)
Re——正则表达式_方法(method)
Re——正则表达式_匹配项(pattern) and 模式(flag)
Re——正则表达式_常识
 Python制作的精美的一个网络爬虫播放器加本地播放器
 Navicat for MySQL 无法打开文件和导入进数据库unsuccessful的解决方法：
lingo基础

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