JS弹出层代码

精贴 置顶
3377 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”;

  • 没有任何评论
今日天气 ···

···

···

···

热门排行
用ASP实现网页BBS 2010-11-01
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
博主推荐
本个人博客微信公众平台上线啦~~... 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
随便看看
ASP.NET跨页面传值技巧总结 2010-09-10
弹出新窗口转向,算作弊吗? 2010-09-20
整型数据 2010-10-16
PHP中文截取不乱码 2010-10-12
饼哥淘宝客网站-淘趣购上线啦 2013-09-20
点对点arp欺骗攻击 2010-11-05
IE6中不支持hover focus伪类的解... 2010-08-27
获取外网IP地址的批处理代码 2013-10-14
ASP.NET不用设置iis .net 实现ur... 2010-09-13
c#.net创建xml文件 2013-12-04
RSS新闻
传媒新闻
CSDN
八卦新闻
女性新闻
台湾新闻
互联网
军事-新浪博客
IT-新浪博客
汽车新闻
游戏新闻
国际新闻
国内新闻
体育新闻
我的微博
北京 上海 杭州 深圳 广州 成都