吴旭晓个人博客 繁体中文 简体中文

首页| 日志 |JAVA |ASP |PHP |Android |IOS |ASP.NET |JavaScript |DIV+CSS |SEO |taobaoke |饼哥语录
繁体中文 简体中文

JS弹出层代码

<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”;

作者:吴旭晓 | 来源:个人博客 | 点击量:3301 | 发布时间:2010-09-13
最新留言 | 返回上一页 | 返回首页

版权所有:吴旭晓个人博客 Copyright © 2013-2023 个人博客