请选择 进入手机版|继续访问电脑版
返回列表 发新帖

JS 左右两侧浮动广告位代码

[复制链接]

1083

主题

1428

帖子

3万

积分

管理员

Rank: 9Rank: 9Rank: 9

UID
1
精华
0
金币
34584
威望
1
注册时间
2016-3-24
最后登录
2019-6-16
发表于 2019-3-30 13:41:38  | 显示全部楼层 | 阅读模式
点击查看
  1. <html>
  2. <title>左右两侧浮动广告</title>
  3. <head>
  4. </head>
  5. <body>
  6. <table style="background-color:#EEEEE2;width:1024px;height:2000px;t" align="center">
  7.         <tr><td> </td></tr>
  8. </table>
  9. <SCRIPT LANGUAGE="JavaScript">
  10. <!--
  11.         var showad = true;
  12.         var Toppx = 60; //上端位置
  13.         var AdDivW = 100; //宽度
  14.         var AdDivH = 300; //高度
  15.         var PageWidth = 800; //页面多少宽度象素下正好不出现左右滚动条
  16.         var MinScreenW = 1024; //显示广告的最小屏幕宽度象素
  17.         var ClosebuttonHtml = '<div align="right" style="position: absolute;top:0px;right:0px;margin:2px;padding:2px;z-index:2000;"><a href="javascript:;" mce_href="javascript:;" onclick="hidead()" style="color:red;text-decoration:none;font-size:12px;" mce_style="color:red;text-decoration:none;font-size:12px;">关闭</a></div>'
  18.         var AdContentHtml = '<div align="center" style="color:green;font-size:23pt;font-family:黑体;" mce_style="color:green;font-size:23pt;font-family:黑体;"><br><br>广告</div>';
  19.         document
  20.                         .write('<div id="Javascript.LeftDiv" style="position: absolute;border: 1px solid #336699;background-color:#EEEEE2;z-index:1000;width:'+AdDivW+'px;height:'+AdDivH+'px;top:-1000px;word-break:break-all;display:none;">'
  21.                                         + ClosebuttonHtml
  22.                                         + '<div>'
  23.                                         + AdContentHtml
  24.                                         + '</div></div>');
  25.         document
  26.                         .write('<div id="Javascript.RightDiv" style="position: absolute;border: 1px solid #336699;background-color:#EEEEE2;z-index:1000;width:'+AdDivW+'px;height:'+AdDivH+'px;top:-1000px;word-break:break-all;display:none;">'
  27.                                         + ClosebuttonHtml
  28.                                         + '<div>'
  29.                                         + AdContentHtml
  30.                                         + '</div></div>');
  31.         function scall() {
  32.                 if (!showad) {
  33.                         return;
  34.                 }
  35.                 if (document.body.clientWidth < MinScreenW) {
  36.                         //alert("临时提示:/n/n显示器分辨率宽度小于" + MinScreenW + ",不显示广告");
  37.                         showad = false;
  38.                         document.getElementById("Javascript.LeftDiv").style.display = "none";
  39.                         document.getElementById("Javascript.RightDiv").style.display = "none";
  40.                         return;
  41.                 }
  42.                 var Borderpx =( ((window.screen.width - PageWidth) / 2 - AdDivW) / 2 );
  43.                 document.getElementById("Javascript.LeftDiv").style.display = "";
  44.                 document.getElementById("Javascript.LeftDiv").style.top = document.body.scrollTop
  45.                                 + Toppx;
  46.                 document.getElementById("Javascript.LeftDiv").style.left = document.body.scrollLeft
  47.                                 + Borderpx;
  48.                 document.getElementById("Javascript.RightDiv").style.display = "";
  49.                 document.getElementById("Javascript.RightDiv").style.top = document.body.scrollTop
  50.                                 + Toppx;
  51.                 document.getElementById("Javascript.RightDiv").style.left = document.body.scrollLeft
  52.                                 + document.body.clientWidth
  53.                                 - document.getElementById("Javascript.RightDiv").offsetWidth
  54.                                 - Borderpx;
  55.         }
  56.         function hidead() {
  57.                 showad = false;
  58.                 document.getElementById("Javascript.LeftDiv").style.display = "none";
  59.                 document.getElementById("Javascript.RightDiv").style.display = "none";
  60.         }
  61.         window.onscroll = scall;
  62.         window.onresize = scall;
  63.         window.onload = scall;
  64. //-->
  65. </SCRIPT>
  66. </body>
  67. </html>
复制代码


回复

使用道具 举报

1

主题

147

帖子

5551

积分

论坛元老

Rank: 8Rank: 8

UID
218
精华
0
金币
5405
威望
0
注册时间
2016-5-1
最后登录
2019-6-15
发表于 2019-3-30 13:58:57  | 显示全部楼层
撸过
回复 支持 反对

使用道具 举报

0

主题

134

帖子

181

积分

注册会员

Rank: 2

UID
168
精华
0
金币
48
威望
0
注册时间
2016-4-18
最后登录
2019-6-16
发表于 2019-3-30 14:34:59  | 显示全部楼层
发发呆,回回帖,工作结束~
回复 支持 反对

使用道具 举报

0

主题

129

帖子

2068

积分

金牌会员

Rank: 6Rank: 6

UID
317
精华
0
金币
1940
威望
0
注册时间
2016-5-22
最后登录
2019-6-16
发表于 2019-3-30 15:56:39  | 显示全部楼层
我去年买了表
回复 支持 反对

使用道具 举报

0

主题

124

帖子

4041

积分

论坛元老

Rank: 8Rank: 8

UID
259
精华
0
金币
3916
威望
1
注册时间
2016-5-11
最后登录
2019-6-16
发表于 2019-3-30 17:33:21  | 显示全部楼层
看起来好像不错的样子
回复 支持 反对

使用道具 举报

0

主题

126

帖子

4146

积分

论坛元老

Rank: 8Rank: 8

UID
295
精华
0
金币
4019
威望
1
注册时间
2016-5-17
最后登录
2019-6-16
发表于 2019-3-30 18:29:42  | 显示全部楼层
LZ是天才,坚定完毕
回复 支持 反对

使用道具 举报

0

主题

128

帖子

265

积分

中级会员

Rank: 3Rank: 3

UID
180
精华
0
金币
138
威望
0
注册时间
2016-4-19
最后登录
2019-6-16
发表于 2019-3-30 19:56:03  | 显示全部楼层
向楼主学习
回复 支持 反对

使用道具 举报

1

主题

124

帖子

4188

积分

下载VIP

Rank: 7Rank: 7Rank: 7

UID
279
精华
0
金币
4065
威望
0
注册时间
2016-5-15
最后登录
2019-6-15
发表于 2019-3-30 20:37:05  | 显示全部楼层
支持,赞一个
回复 支持 反对

使用道具 举报

0

主题

123

帖子

318

积分

下载VIP

Rank: 7Rank: 7Rank: 7

UID
229
精华
0
金币
196
威望
0
注册时间
2016-5-3
最后登录
2019-6-16
发表于 2019-3-30 20:57:11  | 显示全部楼层
学习下
回复 支持 反对

使用道具 举报

0

主题

132

帖子

129

积分

注册会员

Rank: 2

UID
2335
精华
0
金币
-2
威望
0
注册时间
2016-10-10
最后登录
2019-6-16
发表于 2019-3-30 22:34:28  | 显示全部楼层
火钳刘明
回复 支持 反对

使用道具 举报

发表回复

*滑块验证:
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关于我们
关于我们
友情链接
联系我们
帮助中心
站长交流
购买须知
支付方式
服务支持
资源下载
售后服务
定制流程
关注我们
官方微博
官方空间
官方微信
快速回复 返回顶部 返回列表