基于JavaScript的单行消息滚动代码

发布时间：2018-08-23 18:21:54 所属栏目：编程来源：站长网

导读：基于 Java Script的单行消息转动代码，可添加无数行，只要你有那么多内容，我认为挺不错，发上来供各人行使和参考。殊效演示： htmlheadmeta http-equiv=Content-Type content=text/html; charset=gb2312title转动最新动静代码/titlestyle type=text/csst

　　基于JavaScript的单行消息转动代码，可添加无数行，只要你有那么多内容，我认为挺不错，发上来供各人行使和参考。

　　殊效演示：

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>转动最新动静代码</title> <style type="text/css"> td {font-size: 12px;} </style> </head> <body> <table width="400" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="15" valign="top"><img src="http://www.codefans.net/jscss/demoimg/201010/news.gif" alt="" width="11" height="11" /></td> <td width="64">最新动静：</td> <td width="321"><script> var marqueeContent=new Array(); //转动主题 marqueeContent[0]='<a href="#" target="_blank">进构筑站与运营，接待会见猛火学院！</a>'; marqueeContent[1]='<a href="#" target="_blank">佳构源代码下载。</a>'; marqueeContent[2]='<a href="#" target="_blank">专注于提供编程源码及素材下载及实例教程。</a>'; marqueeContent[3]='<a href="#" target="_blank">观光是必要一种神色，更重要的是，必要一种激动。</a>'; marqueeContent[4]='<a href="#" target="_blank">随时用琐屑的时刻(如等人、列队等)做琐屑的工作。</a>'; var marqueeInterval=new Array(); //界说一些常用并且要常常用到的变量 var marqueeId=0; var marqueeDelay=4000; var marqueeHeight=15; function initMarquee() { var str=marqueeContent[0]; document.write('<div id=marqueeBox style="overflow:hidden;height:'+marqueeHeight+'px" onmouseover="clearInterval(marqueeInterval[0])" onmouseout="marqueeInterval[0]=setInterval('startMarquee()',marqueeDelay)"><div>'+str+'</div></div>'); marqueeId++; marqueeInterval[0]=setInterval("startMarquee()",marqueeDelay); } function startMarquee() { var str=marqueeContent[marqueeId]; marqueeId++; if(marqueeId>=marqueeContent.length) marqueeId=0; if(marqueeBox.childNodes.length==1) { var nextLine=document.createElement('DIV'); nextLine.innerHTML=str; marqueeBox.appendChild(nextLine); } else { marqueeBox.childNodes[0].innerHTML=str; marqueeBox.appendChild(marqueeBox.childNodes[0]); marqueeBox.scrollTop=0; } clearInterval(marqueeInterval[1]); marqueeInterval[1]=setInterval("scrollMarquee()",10); } function scrollMarquee() { marqueeBox.scrollTop++; if(marqueeBox.scrollTop%marqueeHeight==marqueeHeight){ clearInterval(marqueeInterval[1]); } } initMarquee(); </script></td> </tr> </table> </body> </html><br /><center>如不能表现结果，请按Ctrl+F5革新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提醒：可修改儿女码再运行!

（编辑：湖南网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!

MySQL源码安置	运用图形界面从SQL导入
MySQL5.7+keepalived+	windows系统下jsp+mys