用标准的WEB语言写的上下文滚动带链接代码

2009年4月10日19:32:58 发表评论
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
  6. <title>热点新闻</title>
  7. <style type="text/css">
  8. <!--
  9. body {
  10.  margin: 0px;
  11.  font-size: 12px;
  12.  color: #938C43;
  13.  line-height: 150%;
  14.  text-align:center;
  15. }
  16. a:link{color: #9D943A;font-size:12px;}
  17. a:hover{color: #FF3300;font-size:12px;}
  18. a:visited{color: #9D943A;font-size:12px;}
  19. a.red:link{color: #ff0000;font-size:12px;}
  20. a.red:hover{color: #ff0000;font-size:12px;}
  21. a.red:visited{color: #ff0000;font-size:12px;}
  22. #marqueeBox{background:#f7f7f7;border:1px solid silver;padding:1px;text-
  23. align:center;margin:0 auto;}
  24. -->
  25. </style>
  26. </head>
  27. <body>
  28. <h4>滚动新闻</h4>
  29. <script language="JavaScript" type="text/javascript">
  30. var marqueeContent=new Array();
  31. marqueeContent[0]="<a href=http://www.meijinmeng.cn target=_blank>
  32. 美金梦</a>";
  33. marqueeContent[1]="<a
  34. href=http://www.meijinmeng.cn target=_blank>让你的手机
  35. 号码变成空号?</a>";
  36. marqueeContent[2]="<a href=http://www.meijinmeng.cn target=_blank>
  37. 美金梦2</a>";
  38. marqueeContent[3]="<a
  39. href=http://www.meijinmeng.cn target=_blank>看看床戏是
  40. 怎么拍的</a>";
  41. var marqueeInterval=new Array();
  42. var marqueeId=0;
  43. var marqueeDelay=2000;
  44. var marqueeHeight=20;
  45. function initMarquee() {
  46.  var str=marqueeContent[0];
  47.  document.write('<div id="marqueeBox"
  48. style="overflow:hidden;width:250px;height:'+marqueeHeight+'px"
  49. onmouseover="clearInterval(marqueeInterval[0])" onmouseout="marqueeInterval
  50. [0]=setInterval(\'startMarquee()\',marqueeDelay)"><div>'+str+'</div></div>');
  51.  marqueeId++;
  52.  marqueeInterval[0]=setInterval("startMarquee()",marqueeDelay);
  53. }
  54. function startMarquee() {
  55.  var str=marqueeContent[marqueeId];
  56.  marqueeId++;
  57.  if(marqueeId>=marqueeContent.length) marqueeId=0;
  58.  if(document.getElementById("marqueeBox").childNodes.length==1) {
  59.  var nextLine=document.createElement('DIV');
  60.  nextLine.innerHTML=str;
  61.  document.getElementById("marqueeBox").appendChild(nextLine);
  62.  }
  63.  else {
  64.   document.getElementById("marqueeBox").childNodes[0].innerHTML=str;
  65.   document.getElementById("marqueeBox").appendChild(document.getElementById
  66. ("marqueeBox").childNodes[0]);
  67.   document.getElementById("marqueeBox").scrollTop=0;
  68.  }
  69.  clearInterval(marqueeInterval[1]);
  70.  marqueeInterval[1]=setInterval("scrollMarquee()",20);
  71. }
  72. function scrollMarquee() {
  73.  document.getElementById("marqueeBox").scrollTop++;
  74.  if(document.getElementById("marqueeBox").scrollTop%marqueeHeight==
  75. (marqueeHeight-1)){
  76.  clearInterval(marqueeInterval[1]);
  77.  }
  78. }
  79. initMarquee();
  80. </script>
  81. </body>
  82. </html>

 

========================================================

把上面的代码复制,新建一个文本文件,用记事本打开,把代码粘贴进去,修改一个,变成您自己的内容,,

美金梦

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: