JS弹出层代码
精贴
置顶
2933
0
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<link href=”css/0703css.css” rel=”stylesheet” type=”text/css”>
<link href=”css/home200807.css” rel=”stylesheet” type=”text/css”>
<link href=”css/other0703css.css” rel=”stylesheet” type=”text/css”>
<title></title>
<STYLE>
#login{
position: relative;
display: none;
top: 20px;
left: 30px;
background-color: #ffffff;
text-align: center;
border: solid 1px;
padding: 10px;
z-index: 1;
}
body {
background-color: #0099CC;
}
.STYLE1 {color: #FFFF00}
</STYLE>
<!–type=”text/javascript”–>
<script language=”javascript”>
var W = screen.width;//取得屏幕分辨率宽度
var H = screen.height;//取得屏幕分辨率高度
function M(id){
return document.getElementById(id);//用M()方法代替document.getElementById(id)
}
function MC(t){
return document.createElement(t);//用MC()方法代替document.createElement(t)
};
//判断浏览器是否为IE
function isIE(){
return (document.all && window.ActiveXObject && !window.opera) ? true : false;
}
//取得页面的高宽
function getBodySize(){
var bodySize = [];
with(document.documentElement) {
bodySize[0] = (scrollWidth>clientWidth)?scrollWidth:clientWidth;//如果滚动条的宽度大于页面的宽度，
//取得滚动条的宽度，否则取页面宽度
bodySize[1] = (scrollHeight>clientHeight)?scrollHeight:clientHeight;//如果滚动条的高度大于页面的高
//度，取得滚动条的高度，否则取高度
}
return bodySize;
}
//创建遮盖层
function popCoverDiv(){
if (M(“cover_div”)) {
//如果存在遮盖层，则让其显示
M(“cover_div”).style.display = ‘block’;
} else {
//否则创建遮盖层
var coverDiv = MC(‘div’);
document.body.appendChild(coverDiv);
coverDiv.id = ‘cover_div’;
with(coverDiv.style) {
position = ‘absolute’;
background = ‘#CCCCCC’;
left = ’0px’;
top = ’0px’;
var bodySize = getBodySize();
width = bodySize[0] + ‘px’
height = bodySize[1] + ‘px’;
zIndex = 0;
if (isIE()) {
filter = “Alpha(Opacity=60)”;//IE逆境
} else {
opacity = 0.6;
}
}
}
}
//让登陆层显示为块
function showLogin()
{
var login=M(“login”);
login.style.display = “block”;
今日天气
···
···
···
···
近一月回答榜 - TOP 12
wuxuxiao
钻石VIP
qwe2466985
超级会员
yu_rebecca
黄金会员
wuxiao2882
青铜会员
a448155162
普通会员
messi
普通会员
85xinxi
普通会员
fushang369
普通会员
wawa512com
普通会员
zhuangjunhua
普通会员
ucase
普通会员
xuchunyun
普通会员
博客标签
- 热门排行
- CSS cursor鼠标样式一览表 2012-06-25
- .NET后台写JS代码 2011-11-03
- 网站地址多出jdfwkey的问题解析及... 2010-08-25
- 数据库xxx的日志已满,请备份该数... 2013-07-19
- 百度、google、Yahoo网站地图制作... 2011-01-30
- <a>标签的伪类书写顺序问题... 2010-09-04
- 什么是长尾关键词？ 2010-09-24
- CEO名言 2010-08-31
- Mysql 主从数据库同步 2010-09-12
- 用ASP实现网页BBS 2010-11-01
- 博主推荐
- 本个人博客微信公众平台上线啦~~... 2013-10-13
- 饼哥网络互联上线啦~~要买域名空... 2013-09-20
- 网站title标题如何正确修改不会被... 2013-08-26
- 饼哥通讯录系统上线啦，欢迎大家... 2013-08-24
- ASP .NET MYSQL 的简单分页 并不... 2013-08-19
- 网站有弹窗广告这样的站点，百度... 2013-08-17
- 做淘宝SEO优化需要注意的8大问题 2013-08-17
- 淘宝网怎么做SEO优化 2013-08-17
- 站长们要学习的“苍井空精神” 2013-08-17
- 苹果公司今日发布了iOS 7第五个开... 2013-08-07
- 随便看看
- Java基础：创建成员内部类的注意... 2013-06-26
- 简单的Java程序 2010-10-16
- 字符型数据 2010-10-16
- PHP验证全是汉字 2010-09-13
- 浅谈虚拟主机对网站排名的影响及... 2013-06-23
- IBM JDK一个诡异问题：java类名无... 2013-06-26
- MySQL外键的设置及作用 2010-09-12
- 我的站被收录了两次，被封掉两次... 2010-09-24
- Java实现的stack pop方法小细节 2013-06-24
- 咱们中华民族是个有智慧的民族 2013-08-17
- RSS新闻
- 传媒新闻
- CSDN
- 八卦新闻
- 女性新闻
- 台湾新闻
- 互联网
- 军事-新浪博客
- IT-新浪博客
- 汽车新闻
- 游戏新闻
- 国际新闻
- 国内新闻
- 体育新闻
- 我的微博