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

0660
  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>

 

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

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

© 版权声明
文章版权归作者所有，未经允许请勿转载。
THE END
互联网
喜欢就支持一下吧
点赞0 分享
美金梦的头像-美金梦钻石会员
2024最新苹果ios抖音tiktok国际版免拔卡版本-美金梦
2024最新苹果ios抖音tiktok国际版免拔卡版本
2024最新苹果ios抖音tiktok国际版免拔卡版本
1年前 1W+
2022-11月最新更新OpenWRT/LEDE x86/64 软路由稳定版固件下载含多主题及插件-美金梦
2022-11月最新更新OpenWRT/LEDE x86/64 软路由稳定版固件下载含多主题及插件
2022-11月最新更新OpenWRT/LEDE x86/64 软路由稳定版固件下载含多主...
2年前 9235
2023-10月最新全能版OpenWRT/LEDE x86/64 软路由稳定版固件下载含多主题及插件-美金梦
2023-10月最新全能版OpenWRT/LEDE x86/64 软路由稳定版固件下载含多主题及插件
2023-10月最新全能版OpenWRT/LEDE x86/64 软路由稳定版固件下载含多...
12个月前 9161
首发2023年11月精简版OpenWRT/LEDE x86/64旁路由固件下载-美金梦
首发2023年11月精简版OpenWRT/LEDE x86/64旁路由固件下载
首发2023年11月精简版OpenWRT/LEDE x86/64旁路由固件下载
11个月前 8739
无线网络打印服务器连接和添加打印机教程-美金梦
无线网络打印服务器连接和添加打印机教程
无线网络打印服务器连接和添加打印机教程
1年前 6221
2023-8月最新全能版OpenWRT/LEDE x86/64 软路由稳定版固件下载含多主题及插件-美金梦
2023-8月最新全能版OpenWRT/LEDE x86/64 软路由稳定版固件下载含多主题及插件
2023-8月最新全能版OpenWRT/LEDE x86/64 软路由稳定版固件下载含多主...
1年前 6206
相关推荐
Armbian设置固定IP地址-美金梦
Armbian设置固定IP地址
Armbian设置固定IP地址
1年前 5791
h3c msr2600-10交换机怎么配置web登陆-美金梦
h3c msr2600-10交换机怎么配置web登陆
h3c msr2600-10交换机怎么配置web登陆
5年前 1433
win7查看时间服务器地址及全球可用NTP地址-美金梦
win7查看时间服务器地址及全球可用NTP地址
win7查看时间服务器地址及全球可用NTP地址
5年前 699
链克口袋国际版的旧版本-美金梦
链克口袋国际版的旧版本
链克口袋国际版的旧版本
6年前 513
Best Trace 路由跟踪工具-美金梦
Best Trace 路由跟踪工具
Best Trace 路由跟踪工具
7年前 437
双倍广告联盟-美金梦
双倍广告联盟
双倍广告联盟
15年前 426
评论 抢沙发
头像
欢迎您留下宝贵的见解！
提交
头像

昵称

取消
昵称

请填写用户信息：

  • 昵称(必填)
  • 邮箱(必填)
表情
[aoman][baiyan][bishi][bizui][cahan][ciya][dabing][daku][deyi][doge][fadai][fanu][fendou][ganga][guzhang][haixiu][hanxiao][zuohengheng][zhuakuang][zhouma][zhemo][zhayanjian][zaijian][yun][youhengheng][yiwen][yinxian][xu][xieyanxiao][xiaoku][xiaojiujie][xia][wunai][wozuimei][weixiao][weiqu][tuosai][tu][touxiao][tiaopi][shui][se][saorao][qiudale][qinqin][qiaoda][piezui][penxue][nanguo][liulei][liuhan][lenghan][leiben][kun][kuaikule][ku][koubi][kelian][keai][jingya][jingxi][jingkong][jie][huaixiao][haqian][aini][OK][qiang][quantou][shengli][woshou][gouyin][baoquan][aixin][bangbangtang][xiaoyanger][xigua][hexie][pijiu][lanqiu][juhua][hecai][haobang][caidao][baojin][chi][dan][kulou][shuai][shouqiang][yangtuo][youling]
代码

请输入代码：

确认
图片

    暂无评论内容

赞助商