横向不间断的文字滚动javascript

最新推荐文章于 2016-01-11 17:12:01 发布

原创最新推荐文章于 2016-01-11 17:12:01 发布 · 1.3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #function #border #table #思科 #html

Javascript/前端开发专栏收录该内容

36 篇文章

订阅专栏

本文介绍了一系列关于Java专业认证及思科专业认证的相关信息，包括不同版本的认证专题，适合正在准备这些认证考试的学习者。

<!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专业认证/培训专题　思科专业认证攻略</A> <FONT color=#FF6C02>·</FONT><A href="2.html" > 2Java专业认证/培训专题　思科专业认证攻略</A> <FONT color=#FF6C02>·</FONT><A href="3.html" > 3Java专业认证/培训专题　思科专业认证攻略</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>