用遮罩弹出DIV层,引用时一定要onclick="window.location.href('javascript:open(\'divzj\',\'1\');');" 直接用open('divzj','1')点了后就假死,后退恢复正常为啥尼var W = screen.width;//取得屏幕分辨率宽度
var H = screen.height;//取得屏幕分辨率高度//判断浏览器是否为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 (document.getElementById("cover_div")) {
//如果存在遮盖层,则让其显示
document.getElementById("cover_div").style.display = 'block';
} else {
//否则创建遮盖层
var coverDiv = document.createElement('div');
document.body.appendChild(coverDiv);
coverDiv.id = 'cover_div';
coverDiv.onclick = close;
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=0)";//IE逆境
} else {
opacity = 0;
}
}
}
}
//让登陆层显示为块
function showLogin(stat)
{
if(stat==null)
{
login.style.display = "block";
}
else{
var posx = 0;
var posy = 0;
if(!e)var e = window.event;
if (e.pageX || e.pageY)
{
posx = e.pageX;
posy = e.pageY;
}
else if (e.clientX || e.clientY)
{
posx = e.clientX + document.body.scrollLeft+ document.documentElement.scrollLeft;
posy = e.clientY + document.body.scrollTop+ document.documentElement.scrollTop;
}
login.style.display="block";
login.style.position = "absolute";
login.style.top = posy +20 + "px";
login.style.left=posx-100+"px";
}
}
//设置DIV层的样式
function change(){
login.style.position = "absolute";
login.style.background ="#F6F6F6";
// var i=0;
// popChange(i);}
//让DIV层大小循环增大
//function popChange(i){
// var bodySize = getBodySize();
// login.style.left = (bodySize[0]-i*i*9)/2+"px";
// login.style.top = (bodySize[1]/2-100-i*i*2)+"px";
// login.style.width = i*i*8 + "px";
// login.style.height = i*i*3.6+ "px";
// if(i<=10){
// i++;
// setTimeout("popChange("+i+")",10);//设置超时40毫秒
// }
//}
//打开DIV层
function open(divname,stat)
{
login = document.getElementById(divname);
showLogin(stat);
popCoverDiv();
void(0);//不进行任何操作,如:<a href="#">aaa</a>
}
//关闭DIV层
function close(){
login.style.display = 'none';
document.getElementById("cover_div").style.display = 'none';
void(0);
}
//移出div范围自动关闭
//diva.onmouseout = function () {
// var diva = this;var e = window.event;
// if (!diva.contains(e.toElement || e.fromElement)) {
// diva.style.display = 'none';
// }
var H = screen.height;//取得屏幕分辨率高度//判断浏览器是否为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 (document.getElementById("cover_div")) {
//如果存在遮盖层,则让其显示
document.getElementById("cover_div").style.display = 'block';
} else {
//否则创建遮盖层
var coverDiv = document.createElement('div');
document.body.appendChild(coverDiv);
coverDiv.id = 'cover_div';
coverDiv.onclick = close;
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=0)";//IE逆境
} else {
opacity = 0;
}
}
}
}
//让登陆层显示为块
function showLogin(stat)
{
if(stat==null)
{
login.style.display = "block";
}
else{
var posx = 0;
var posy = 0;
if(!e)var e = window.event;
if (e.pageX || e.pageY)
{
posx = e.pageX;
posy = e.pageY;
}
else if (e.clientX || e.clientY)
{
posx = e.clientX + document.body.scrollLeft+ document.documentElement.scrollLeft;
posy = e.clientY + document.body.scrollTop+ document.documentElement.scrollTop;
}
login.style.display="block";
login.style.position = "absolute";
login.style.top = posy +20 + "px";
login.style.left=posx-100+"px";
}
}
//设置DIV层的样式
function change(){
login.style.position = "absolute";
login.style.background ="#F6F6F6";
// var i=0;
// popChange(i);}
//让DIV层大小循环增大
//function popChange(i){
// var bodySize = getBodySize();
// login.style.left = (bodySize[0]-i*i*9)/2+"px";
// login.style.top = (bodySize[1]/2-100-i*i*2)+"px";
// login.style.width = i*i*8 + "px";
// login.style.height = i*i*3.6+ "px";
// if(i<=10){
// i++;
// setTimeout("popChange("+i+")",10);//设置超时40毫秒
// }
//}
//打开DIV层
function open(divname,stat)
{
login = document.getElementById(divname);
showLogin(stat);
popCoverDiv();
void(0);//不进行任何操作,如:<a href="#">aaa</a>
}
//关闭DIV层
function close(){
login.style.display = 'none';
document.getElementById("cover_div").style.display = 'none';
void(0);
}
//移出div范围自动关闭
//diva.onmouseout = function () {
// var diva = this;var e = window.event;
// if (!diva.contains(e.toElement || e.fromElement)) {
// diva.style.display = 'none';
// }
解决方案 »
免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货