主站
经典论坛
家园
作品集
Think.Pages
维基
桌面
聚合
注册
登录
专长会员
帮助
客服QQ:6650171
经典论坛
»
前台制作与脚本专栏
» 请问浮动对联广告,可分别左右关闭,不被浏览器屏蔽
‹‹ 上一主题
|
下一主题 ››
发新话题
发布投票
发布商品
发布悬赏
发布活动
发布辩论
发布视频
打印
请问浮动对联广告,可分别左右关闭,不被浏览器屏蔽
yrg520
[楼主]
骄傲的鸭子
高级会员
帖子
312
体力
795
威望
0
当前
上海 普陀
个人空间
发短消息
加为好友
1
#
大
中
小
发表于 2006-9-27 15:52
在网上找了好久,想找一个可以分左右广告,可以点击关闭,分别关闭左边或右边,不被浏览器屏蔽的。
但下面这个点击关闭后,两个广告都关闭了,请问该如何修改,才让点击关闭,只让关闭其中一个?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>对联广告 </title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> </head> <body style="margin:0px;"> <div align="center"> <center> <table border="1" width="776" height="3000" cellspacing="0" cellpadding="0"> <tr> <td width="100%" valign="top"><div align="center" style="color:green;font-size:23pt;font-family:黑体;"><br><br>页<br>面<br>区<br>域</div></td> </tr> </table> </center> </div> <SCRIPT LANGUAGE="JavaScript"> <!-- var showad = true; var Toppx = 60; //上端位置 var AdDivW = 100; //宽度(图片) var AdDivH = 360; //高度(图片) var PageWidth = 800; //页面多少宽度象素下正好不出现左右滚动条 var MinScreenW = 1024; //显示广告的最小屏幕宽度象素 var ClosebuttonHtml = '<div align="right" style="position: absolute;top:0px;right:0px;margin:2px;padding:2px;z-index:2000;"><a href="#" onclick="hidead()" style="color:red;text-decoration:none;font-size:12px;">关闭</a></div>' var AdContentHtml = '<div align="center" style="color:green;font-size:23pt;font-family:黑体;"><br><br>广<br>告<br>内<br>容</div>'; document.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;">'+ClosebuttonHtml+'<div>'+AdContentHtml+'</div></div>'); document.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;">'+ClosebuttonHtml+'<div>'+AdContentHtml+'</div></div>'); function scall(){ if(!showad){return;} if (window.screen.width<MinScreenW){ alert("临时提示:\n\n显示器分辨率宽度小于"+MinScreenW+",不显示广告"); showad = false; document.getElementById("Javascript.LeftDiv").style.display="none"; document.getElementById("Javascript.RightDiv").style.display="none"; return; } var Borderpx = ((window.screen.width-PageWidth)/2-AdDivW)/2; document.getElementById("Javascript.LeftDiv").style.display=""; document.getElementById("Javascript.LeftDiv").style.top=document.body.scrollTop+Toppx; document.getElementById("Javascript.LeftDiv").style.left=document.body.scrollLeft+Borderpx; document.getElementById("Javascript.RightDiv").style.display=""; document.getElementById("Javascript.RightDiv").style.top=document.body.scrollTop+Toppx; document.getElementById("Javascript.RightDiv").style.left=document.body.scrollLeft+document.body.clientWidth-document.getElementById("Javascript.RightDiv").offsetWidth-Borderpx; } function hidead() { showad = false; document.getElementById("Javascript.LeftDiv").style.display="none"; document.getElementById("Javascript.RightDiv").style.display="none"; } window.onscroll=scall; window.onresize=scall; window.onload=scall; //--> </SCRIPT> </body> </html>
提示:您可以先修改部分代码再运行
[
本帖最后由 yrg520 于 2006-9-27 21:17 编辑
]
积分
795
阅读权限
50
在线时间
257 小时
注册时间
2005-1-12
最后登录
2008-9-5
查看详细资料
TOP
做西部数码代理.Cn1元国际45元
|
将虚拟化进行到底
metthew
新手上路
帖子
2
体力
4
威望
0
离线
709 天
个人空间
发短消息
加为好友
2
#
大
中
小
发表于 2006-9-27 15:54
顶。。。。。。。。。
gwyhome
积分
4
阅读权限
10
在线时间
1 小时
注册时间
2006-9-2
最后登录
2006-9-27
查看详细资料
TOP
【美橙超级G空间】688元绑定10个子目录
|
oracle工程师注册
woidea
初级会员
帖子
62
体力
87
威望
0
离线
8 天
个人空间
发短消息
加为好友
3
#
大
中
小
发表于 2006-9-27 20:00
不错,非常实用,收藏了
css
积分
87
阅读权限
20
在线时间
105 小时
注册时间
2006-4-29
最后登录
2008-8-28
查看详细资料
TOP
请大家尊重和保护奥运知识产权。
hebole
初级会员
帖子
85
体力
168
威望
0
离线
5 天
个人空间
发短消息
加为好友
4
#
大
中
小
发表于 2006-9-29 10:58
function hidead()
{
showad = false;
document.getElementById("Javascript.LeftDiv").style.display="none";
document.getElementById("Javascript.RightDiv").style.display="none";
}
里面的document.getElementById("Javascript.LeftDiv").style.display="none";
document.getElementById("Javascript.RightDiv").style.display="none";
是控制左边还是右边的广告隐藏。
对每个“关闭”按钮重新定义一个函数就行了。
≮Нёъоιе≯
积分
168
阅读权限
20
在线时间
67 小时
注册时间
2005-12-14
最后登录
2008-8-31
查看详细资料
TOP
还在为头像烦恼?还在为不能关注好友动态烦忧?快来
蓝色理想家园
吧!
webcat2007
初级会员
帖子
87
体力
199
威望
0
离线
32 天
个人空间
发短消息
加为好友
5
#
大
中
小
发表于 2008-7-2 11:26
为什么我放到我页面里就不浮动了
积分
199
阅读权限
20
在线时间
80 小时
注册时间
2007-5-21
最后登录
2008-8-4
查看详细资料
TOP
lyowbeen
对影成三
中级会员
帖子
78
体力
208
威望
0
当前
江苏 南京
离线
9 天
个人网站
发短消息
加为好友
6
#
大
中
小
发表于 2008-7-2 13:40
回复 yrg520 在 1# 的帖子
发现一个问题,把浏览器缩窄之后会挡住中间内容,再还原到最大之后,右边那个消失...
站长交流群:45147385
积分
208
阅读权限
30
性别
男
在线时间
64 小时
注册时间
2008-4-6
最后登录
2008-8-27
查看个人网站
查看详细资料
TOP
‹‹ 上一主题
|
下一主题 ››
版块跳转
内部交流区
网站开发区
前台制作与脚本专栏
后台数据库编程
WEB标准化专栏
WAP 技术专栏
平面设计区
艺术与设计论坛
Adobe Photoshop 专栏
Fireworks 专栏
矢量图形专栏
插画手绘交流
交互设计区
用户体验综合版
UI图形设计
RIA设计与应用
Flash 8 及之前版本
Flash CS3 及 AS3
Silverlight 专版
Director 专栏
其它技术讨论区
计算机技术
英语学习和技术翻译
摄影欣赏与技术交流
无线通讯与数码设备
信息平台
企业招聘
学习工作交流区
创业版