滚动最新消息

xiaoxiao2021-02-28  32

<!DOCTYPE html> <html>  <head>  <meta charset="utf-8">  <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.jb51.net/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=1000;  var marqueeHeight=15; function initMarquee() {  var str=marqueeContent[0];  document.write('<div id=marqueeBox style="overflow:hidden;height:'+marqueeHeight+'px" οnmοuseοver="clearInterval(marqueeInterval[0])" οnmοuseοut="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>
转载请注明原文地址: https://www.6miu.com/read-250050.html

最新回复(0)