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>&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>
  • 相关阅读:
    回文自动机(PAM) 学习笔记
    UOJ#103. 【APIO2014】Palindromes PAM模板题
    UOJ#348. 【WC2018】州区划分
    STL 抄袭笔记
    ZJOI2019Day1 游记
    UOJ#370. 【UR #17】滑稽树上滑稽果 动态规划
    UOJ#24. 【IOI2014】Rail 交互题
    UOJ#373. 【ZJOI2018】线图 搜索,树哈希,动态规划
    UOJ#75. 【UR #6】智商锁 随机化算法 矩阵树定理
    AtCoder Grand Contest 031 (AGC031) D
  • 原文地址:https://www.cnblogs.com/jamin/p/1211214.html
Copyright © 2011-2022 走看看