横向不间断的文字滚动效果

最新推荐文章于 2024-08-05 22:35:13 发布

di_wq

最新推荐文章于 2024-08-05 22:35:13 发布

阅读量447

点赞数

分类专栏： JavaScript特效与验证文章标签： function border table html java javascript

本文链接：https://blog.csdn.net/taxueyingmei/article/details/7702415

版权

JavaScript特效与验证专栏收录该内容

9 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head>  <meta http-equiv="Content-Type" content="text/html; charset=gb2312">   <title>文字不间断滚动</title>   <STYLE>BODY { FONT-SIZE: 12px}       TABLE { FONT-SIZE: 12px}       TD { FONT-SIZE: 12px}       </STYLE> </head>        <body>        <table width="543" height="25" border="0" cellpadding="0" cellspacing="0">          <tr>      <td valign="bottom" bgcolor="#FFFFFF" width="543">           <div style="width:543px;height:21px;overflow:hidden" onMouseOver="stop()" onMouseOut="start()">                       <table width="543" border="0" cellspacing="0" cellpadding="0" id="scrollimg" height="21">              <tr>                 <td id="simg"> <TABLE width="543" border="0" cellspacing="0" cellpadding="0" height="21">                      <tr>  <td nowrap>                       <FONT color=#FF6C02>·</FONT><A href="1.html" >                       1Java专业认证/培训专题　Dana认证攻略</A>                        <FONT color=#FF6C02>·</FONT><A href="2.html" >                        2Java专业认证/培训专题　Dana认证攻略</A>                        <FONT color=#FF6C02>·</FONT><A href="3.html" >                        3Java专业认证/培训专题　Dana认证攻略</A>    </td>  </tr> </TABLE>                        </td>             <td id="simg1"></td>           </tr>         </table>       </div>                              <SCRIPT LANGUAGE="JavaScript">                           var tm=null;                            function newsScroll()                           {                                if(scrollimg.parentNode.scrollLeft!=(scrollimg.clientWidth/2))                                {                                  scrollimg.parentNode.scrollLeft++;                                }                                else                                {                                  scrollimg.parentNode.scrollLeft=0 ;                                }                            }                            function window.onload()                            {                            simg1.innerHTML=simg.innerHTML                            tm=setInterval('newsScroll()',20)                              }                            function stop() { clearInterval(tm); }                            function start() { tm=setInterval('newsScroll()',20);  }                            </SCRIPT>                            </td>                              </tr>                             </table> </body> </html>