论坛风格切换
正版合作和侵权请联系 sd173@foxmail.com
 
  • 帖子
  • 日志
  • 用户
  • 版块
  • 群组
帖子
购买邀请后未收到邀请联系sdbeta@qq.com
会声会影2023旗舰版 Parallels 19破解    
发帖 回复
返回列表
  • 2519阅读
  • 4回复

[求助-系统问题][新闻代码]向上滚动新闻特效的实现方法 [复制链接]

 上一主题 下一主题
离线x4217311
*
 
发帖
*
今日发帖
最后登录
1970-01-01
只看楼主 倒序阅读 使用道具 楼主  发表于: 2010-11-23 15:39:24
复制代码
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
  5. <title>热点新闻Ｑ291911320</title>
  6. <style type="text/css">
  7. <!--
  8. body {
  9.  margin: 0px;
  10.  font-size: 12px;
  11.  color: #938C43;
  12.  line-height: 150%;
  13.  text-align:center;
  14. }
  15. a:link{color: #9D943A;font-size:12px;}
  16. a:hover{color: #FF3300;font-size:12px;}
  17. a:visited{color: #9D943A;font-size:12px;}
  18. a.red:link{color: #ff0000;font-size:12px;}
  19. a.red:hover{color: #ff0000;font-size:12px;}
  20. a.red:visited{color: #ff0000;font-size:12px;}
  21. #marqueeBox{background:#f7f7f7;border:1px solid silver;padding:1px;text-align:center;margin:0 auto;}
  22. -->
  23. </style>
  24. </head>
  25. <body>
  26. <h4>滚动新闻</h4>
  27. <script language="JavaScript" type="text/javascript">
  28. var marqueeContent=new Array();
  29. marqueeContent[0]="<a href=http://xyq.163.com/news/2006/11/2-2-20061102170913.html target=_blank>用“梦幻密保”快速取回帐号密码</a>";
  30. marqueeContent[1]="<a href=http://ekey.163.com/ target=_blank>网易将军令官方网站</a>";
  31. marqueeContent[2]="<a href=http://xyq.163.com/download/wallpaper.htm target=_blank>最新壁纸下载</a>";
  32. marqueeContent[3]="<a href=http://xyq.163.com/download/around.htm target=_blank>最新屏保下载</a>";
  33. var marqueeInterval=new Array();
  34. var marqueeId=0;
  35. var marqueeDelay=2000;
  36. var marqueeHeight=20;
  37. function initMarquee() {
  38.  var str=marqueeContent[0];
  39.  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>');
  40.  marqueeId++;
  41.  marqueeInterval[0]=setInterval("startMarquee()",marqueeDelay);
  42. }
  43. function startMarquee() {
  44.  var str=marqueeContent[marqueeId];
  45.  marqueeId++;
  46.  if(marqueeId>=marqueeContent.length) marqueeId=0;
  47.  if(document.getElementById("marqueeBox").childNodes.length==1) {
  48.  var nextLine=document.createElement('DIV');
  49.  nextLine.innerHTML=str;
  50.  document.getElementById("marqueeBox").appendChild(nextLine);
  51.  }
  52.  else {
  53.   document.getElementById("marqueeBox").childNodes[0].innerHTML=str;
  54.   document.getElementById("marqueeBox").appendChild(document.getElementById("marqueeBox").childNodes[0]);
  55.   document.getElementById("marqueeBox").scrollTop=0;
  56.  }
  57.  clearInterval(marqueeInterval[1]);
  58.  marqueeInterval[1]=setInterval("scrollMarquee()",20);
  59. }
  60. function scrollMarquee() {
  61.  document.getElementById("marqueeBox").scrollTop++;
  62.  if(document.getElementById("marqueeBox").scrollTop%marqueeHeight==(marqueeHeight-1)){
  63.  clearInterval(marqueeInterval[1]);
  64.  }
  65. }
  66. initMarquee();
  67. </script>
  68. </body>
  69. </html>
回复
举报
离线54619669
*
发帖
*
今日发帖
最后登录
1970-01-01
只看该作者 沙发  发表于: 2010-11-23 17:38:56
我还是看不懂   不过我顶死你   。。。。
回复
举报
离线huangjing028
*
发帖
*
今日发帖
最后登录
1970-01-01
只看该作者 板凳  发表于: 2010-11-25 12:46:53
很实用的方法，受教了
回复
举报
离线jxlc
*
发帖
*
今日发帖
最后登录
1970-01-01
只看该作者 地板  发表于: 2010-11-28 09:35:01
不错，试试看哦
回复
举报
离线li362699551
*
发帖
*
今日发帖
最后登录
1970-01-01
只看该作者 地下室  发表于: 2010-12-05 22:06:04
   看看
回复
举报
发帖 回复
返回列表