js單行消息滾動代碼，可添加無數個

2019-11-21 00:09:33

字體：大中小

來源：轉載

供稿：網友

<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://files.VeVB.COm/upload/201011/20101103155631983.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   class="iwvjtn8m0"   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>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

上一篇：js新浪首頁可關閉背景效果代碼

下一篇：js超漂亮的鼠標提示，帶人性化缺口