pop
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>wwwwwwww</title>
</head>
<body>
<table width="600" border="0" align="center" bgcolor="#f2f5f8">
<tr><td>ssssssssss</td></tr>
</table>
<script language = "javaScript" type="text/javascript">
//浮动窗口效果
var ShadeDiv = {
objid : null,
Shade : document.createElement('div'),
ShadeID : 'Shade',
width : 400,
height : 300,
Position : function(){
if (!ShadeDiv.objid){
ShadeDiv.objid = null;
return;
}
var de = document.documentElement;
var w = window.innerWidth || self.innerWidth || (de&&de.clientWidth) || document.body.clientWidth;
var ch = window.innerHeight || self.innerHeight || (de&&de.clientHeight) || document.body.clientHeight;
if (self.pageYOffset) {
var st = self.pageYOffset;
} else if (document.documentElement && document.documentElement.scrollTop){ // Explorer 6 Strict
var st = document.documentElement.scrollTop;
} else if (document.body) {// all other Explorers
var st = document.body.scrollTop;
}
if (window.innerHeight && window.scrollMaxY) {
var sh = window.innerHeight + window.scrollMaxY;
} else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
var sh = document.body.scrollHeight;
} else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
var sh = document.body.offsetHeight;
}
ShadeDiv.Shade.style.filter = 'progid:DXImageTransform.Microsoft.Alpha(opacity=60,finishOpacity=100,style=0)';
ShadeDiv.Shade.style.height = (sh > ch ? sh : ch) + 'px';
ShadeDiv.Shade.style.width = w + 'px';
var pos = [], pw;
pw = ShadeDiv.width;
pos[0] = (w-pw)/2;
pos[1] = (ch-(ShadeDiv.height || 300))/2 -100+st;
//window.status="ch:"+ch+"st:"+st+"post[1]:"+pos[1]+"ShadeDiv.clientHeight"+ShadeDiv.objid.clientHeight;
if (navigator.product && navigator.product == 'Gecko'){
pw -= 40;
}
ShadeDiv.objid.style.width = ShadeDiv.width + 'px';
ShadeDiv.objid.style.height = ShadeDiv.height + 'px';
ShadeDiv.objid.style.left = pos[0] + 'px';
ShadeDiv.objid.style.top = pos[1] + 'px';
ShadeDiv.Shade.style.display = 'block';
ShadeDiv.objid.style.display = 'block';
},
Show : function(id,w,h){
ShadeDiv.height = parseInt(h);
ShadeDiv.width = parseInt(w);
ShadeDiv.Shade.id = ShadeDiv.ShadeID;
ShadeDiv.objid = document.getElementById(id);
document.body.insertBefore(ShadeDiv.Shade,null);
ShadeDiv.Position();
},
Close : function(){
if (ShadeDiv.objid==null){
return;
}
ShadeDiv.Confirmed();
},
Confirmed : function() {
ShadeDiv.objid.style.display = 'none';
ShadeDiv.Shade.style.display = 'none';
document.body.removeChild(ShadeDiv.Shade);
}
}
</script>
<div class="center">
<style type="text/css">
/*屏蔽层样式定义*/
#Shade {
position:absolute;
left: 0;
top: 0;
width: 100%;
filter:alpha(opacity=50);
-moz-opacity:.5;
opacity:.5;
display: none;
background-color: #000;
z-index: 2007;
}
#AutoPostPrompt{
font-size:12px;
line-height:18px;
padding:5px 5px 5px 32px;
background:#FFFFE6;
border:2px solid #222;
text-align:left;
z-index: 2008;
display: none;
position: absolute;
}
</style>
<div id="AutoPostPrompt" align="left">
<center>
<button onClick="ShadeDiv.Close();" style="width:55px;height:25px;">确定</button>
</center>
</div>
<script language="JavaScript">
setTimeout("ShadeDiv.Show('AutoPostPrompt','400','150')",300);
</script>
</body>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>wwwwwwww</title>
</head>
<body>
<table width="600" border="0" align="center" bgcolor="#f2f5f8">
<tr><td>ssssssssss</td></tr>
</table>
<script language = "javaScript" type="text/javascript">
//浮动窗口效果
var ShadeDiv = {
objid : null,
Shade : document.createElement('div'),
ShadeID : 'Shade',
width : 400,
height : 300,
Position : function(){
if (!ShadeDiv.objid){
ShadeDiv.objid = null;
return;
}
var de = document.documentElement;
var w = window.innerWidth || self.innerWidth || (de&&de.clientWidth) || document.body.clientWidth;
var ch = window.innerHeight || self.innerHeight || (de&&de.clientHeight) || document.body.clientHeight;
if (self.pageYOffset) {
var st = self.pageYOffset;
} else if (document.documentElement && document.documentElement.scrollTop){ // Explorer 6 Strict
var st = document.documentElement.scrollTop;
} else if (document.body) {// all other Explorers
var st = document.body.scrollTop;
}
if (window.innerHeight && window.scrollMaxY) {
var sh = window.innerHeight + window.scrollMaxY;
} else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
var sh = document.body.scrollHeight;
} else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
var sh = document.body.offsetHeight;
}
ShadeDiv.Shade.style.filter = 'progid:DXImageTransform.Microsoft.Alpha(opacity=60,finishOpacity=100,style=0)';
ShadeDiv.Shade.style.height = (sh > ch ? sh : ch) + 'px';
ShadeDiv.Shade.style.width = w + 'px';
var pos = [], pw;
pw = ShadeDiv.width;
pos[0] = (w-pw)/2;
pos[1] = (ch-(ShadeDiv.height || 300))/2 -100+st;
//window.status="ch:"+ch+"st:"+st+"post[1]:"+pos[1]+"ShadeDiv.clientHeight"+ShadeDiv.objid.clientHeight;
if (navigator.product && navigator.product == 'Gecko'){
pw -= 40;
}
ShadeDiv.objid.style.width = ShadeDiv.width + 'px';
ShadeDiv.objid.style.height = ShadeDiv.height + 'px';
ShadeDiv.objid.style.left = pos[0] + 'px';
ShadeDiv.objid.style.top = pos[1] + 'px';
ShadeDiv.Shade.style.display = 'block';
ShadeDiv.objid.style.display = 'block';
},
Show : function(id,w,h){
ShadeDiv.height = parseInt(h);
ShadeDiv.width = parseInt(w);
ShadeDiv.Shade.id = ShadeDiv.ShadeID;
ShadeDiv.objid = document.getElementById(id);
document.body.insertBefore(ShadeDiv.Shade,null);
ShadeDiv.Position();
},
Close : function(){
if (ShadeDiv.objid==null){
return;
}
ShadeDiv.Confirmed();
},
Confirmed : function() {
ShadeDiv.objid.style.display = 'none';
ShadeDiv.Shade.style.display = 'none';
document.body.removeChild(ShadeDiv.Shade);
}
}
</script>
<div class="center">
<style type="text/css">
/*屏蔽层样式定义*/
#Shade {
position:absolute;
left: 0;
top: 0;
width: 100%;
filter:alpha(opacity=50);
-moz-opacity:.5;
opacity:.5;
display: none;
background-color: #000;
z-index: 2007;
}
#AutoPostPrompt{
font-size:12px;
line-height:18px;
padding:5px 5px 5px 32px;
background:#FFFFE6;
border:2px solid #222;
text-align:left;
z-index: 2008;
display: none;
position: absolute;
}
</style>
<div id="AutoPostPrompt" align="left">
<center>
<button onClick="ShadeDiv.Close();" style="width:55px;height:25px;">确定</button>
</center>
</div>
<script language="JavaScript">
setTimeout("ShadeDiv.Show('AutoPostPrompt','400','150')",300);
</script>
</body>
</html>
