热点新闻滚动特效的js代码

  

复制代码 代码如下:

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

  <html xmlns="http://www.w3.org/1999/xhtml">

  <head>

  <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

  <title>热点新闻滚动</title>

  <style type="text/css">

  <!--

  body {

  margin: 0px;

  font-size: 12px;

  color: #938C43;

  line-height: 150%;

  text-align:center;

  }

  a:link{color: #9D943A;font-size:12px;}

  a:hover{color: #FF3300;font-size:12px;}

  a:visited{color: #9D943A;font-size:12px;}

  a.red:link{color: #ff0000;font-size:12px;}

  a.red:hover{color: #ff0000;font-size:12px;}

  a.red:visited{color: #ff0000;font-size:12px;}

  #marqueeBox{background:#f7f7f7;border:1px solid silver;padding:1px;text-align:center;margin:0 auto;}

  -->

  </style>

  </head>

  <body>

  <h4>滚动新闻</h4>

  <script language="JavaScript" type="text/javascript">

  var marqueeContent=new Array();

  marqueeContent[0]="<a href='http://www.glzy8.com' target='_blank'>管理资源吧</a>";

  marqueeContent[1]="<a href='http://play.glzy8.com' target='_blank'>播放器之家</a>";

  marqueeContent[2]="<a href='http://sc.glzy8.com' target='_blank'>素材之家</a>";

  marqueeContent[3]="<a href='http://mingzi.glzy8.com' target='_blank'>个性名字网</a>";

  var marqueeInterval=new Array();

  var marqueeId=0;

  var marqueeDelay=2000;

  var marqueeHeight=20;

  function initMarquee() {

  var str=marqueeContent[0];

  document.write('<div id="marqueeBox" style="overflow:hidden;width:250px;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(document.getElementById("marqueeBox").childNodes.length==1) {

  var nextLine=document.createElement('DIV');

  nextLine.innerHTML=str;

  document.getElementById("marqueeBox").appendChild(nextLine);

  }

  else {

  document.getElementById("marqueeBox").childNodes[0].innerHTML=str;

  document.getElementById("marqueeBox").appendChild(document.getElementById("marqueeBox").childNodes[0]);

  document.getElementById("marqueeBox").scrollTop=0;

  }

  clearInterval(marqueeInterval[1]);

  marqueeInterval[1]=setInterval("scrollMarquee()",20);

  }

  function scrollMarquee() {

  document.getElementById("marqueeBox").scrollTop++;

  if(document.getElementById("marqueeBox").scrollTop%marqueeHeight==(marqueeHeight-1)){

  clearInterval(marqueeInterval[1]);

  }

  }

  initMarquee();

  </script>

  </body>

  </html></td>

  </tr>

  </table>