JS弹出层代码
精贴
置顶
2430
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
钻石VIP
吴旭晓
普通会员
令王告白
普通会员
心如仓井空似水
普通会员
messi
普通会员
沧州华欧煤气炉
普通会员
孙文强
普通会员
lucifo
普通会员
xxxxxxx
普通会员
饼饼
普通会员
ucase
普通会员
留下足迹
普通会员
小谨夜
博客标签
- 热门排行
- CSS cursor鼠标样式一览表 2012/6/25
- .NET后台写JS代码 2011/11/3
- 网站地址多出jdfwkey的问题解析及... 2010/8/25
- 百度、google、Yahoo网站地图制作... 2011/1/30
- 数据库xxx的日志已满,请备份该数... 2013/7/19
- <a>标签的伪类书写顺序问题... 2010/9/4
- CEO名言 2010/8/31
- 什么是长尾关键词？ 2010/9/24
- Mysql 主从数据库同步 2010/9/12
- 用ASP实现网页BBS 2010/11/1
- 博主推荐
- 网站title标题如何正确修改不会被... 2013/8/26
- ASP .NET MYSQL 的简单分页 并不... 2013/8/19
- 网站有弹窗广告这样的站点，百度... 2013/8/17
- 做淘宝SEO优化需要注意的8大问题 2013/8/17
- 淘宝网怎么做SEO优化 2013/8/17
- 站长们要学习的“苍井空精神” 2013/8/17
- 苹果公司今日发布了iOS 7第五个开... 2013/8/7
- 小米1刷V5系统WIFI不能连接解决办... 2013/8/1
- 本博客手机版上线咯！会员后台也... 2013/7/31
- Win7系统环境安装配置PHP开发环境... 2013/7/29
- 随便看看
- Win7如何设置开机自动连接宽带！ 2013/7/29
- Sitemap-网站地图 2010/9/20
- 忠诚 2013/6/17
- 整型数据 2010/10/16
- 个人博客增加反向链接的35个技巧 2010/8/30
- JAVA定时执行任务的三种方法 2013/6/24
- 使用数据绑定控件显示数据 2010/10/19
- 一句代码解决IE8兼容问题 2010/10/14
- 守住你的网站 防御DDoS攻击实用指... 2010/10/15
- 淘宝新浪联手合作，微博淘宝版将... 2013/7/14