最代碼廣告位
jiangzaiwu的gravatar頭像
jiangzaiwu2012-10-15 11:01:40

html DIV始終垂直居中的半透明彈出層特效源代碼下載

html DIV始終垂直居中的半透明彈出層特效

html DIV始終垂直居中的半透明彈出層特效源代碼下載

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>始終居中的彈出層-www.fiichz.live-最代碼</title>
<style type="text/css">
<!--
html,body {height:100%; margin:0px; font-size:12px;}
.mydiv {
background-color: #FFCC66;
border: 1px solid #f00;
text-align: center;
line-height: 40px;
font-size: 12px;
font-weight: bold;
z-index:999;
width: 300px;
height: 120px;
left:50%;
top:50%;
margin-left:-150px!important;/*FF IE7 該值為本身寬的一半 */
margin-top:-60px!important;/*FF IE7 該值為本身高的一半*/
margin-top:0px;
position:fixed!important;/* FF IE7*/
position:absolute;/*IE6*/
_top:       expression(eval(document.compatMode &&
            document.compatMode=='CSS1Compat') ?
            documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
            document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/

}

.bg,.popIframe {
background-color: #666; display:none;
width: 100%;
height: 100%;
left:0;
top:0;/*FF IE7*/
filter:alpha(opacity=50);/*IE*/
opacity:0.5;/*FF*/
z-index:1;
position:fixed!important;/*FF IE7*/
position:absolute;/*IE6*/
_top:       expression(eval(document.compatMode &&
            document.compatMode=='CSS1Compat') ?
            documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
            document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);
}
.popIframe {
filter:alpha(opacity=0);/*IE*/
opacity:0;/*FF*/
}
-->
</style>
<script language="javascript" type="text/javascript">
function showDiv(){
document.getElementById('popDiv').style.display='block';
document.getElementById('popIframe').style.display='block';
document.getElementById('bg').style.display='block';
}
function closeDiv(){
document.getElementById('popDiv').style.display='none';
document.getElementById('bg').style.display='none';
document.getElementById('popIframe').style.display='none';

}
</script>
</head>
<body>
<div id="popDiv" class="mydiv" style="display:none;">最代碼網站歡迎你!<br/>網站:http://www.fiichz.live/<br/>
<a href="javascript:closeDiv()">關閉窗口</a></div>
<div id="bg" class="bg" style="display:none;"></div>
<a href="javascript:showDiv()">點擊這里彈出層</a>
<iframe id='popIframe' class='popIframe' frameborder='0' ></iframe>
</body>
</html>


最代碼官方編輯于2014-8-27 15:54:46


打賞

文件名:DIV始終居中的半透明彈出層.rar,文件大小:1K下載
  • /
    • /DIV始終居中的半透明彈出層.htm
最代碼最近下載分享源代碼列表最近下載
1910356574 LV141月2日
月亮月亮月亮星星星星
yangtongyong LV122019年11月6日
月亮月亮月亮
ranqingju588888 LV72019年2月12日
月亮星星星星星星
1718142421 LV12018年12月29日
星星
1647859661 LV12018年12月29日
星星
木水包 LV162018年7月3日
太陽
2309094456 LV122018年3月29日
月亮月亮月亮
wangqyini LV22017年12月7日
星星星星
最代碼官方 LV1482017年10月12日
皇冠皇冠太陽月亮
2324001878 LV12016年11月10日
星星
最代碼最近瀏覽分享源代碼列表最近瀏覽
ljxljx123 LV2昨天
星星星星
1910356574 LV141月2日
月亮月亮月亮星星星星
鐵打的當當 LV32019年12月9日
星星星星星星
yangtongyong LV122019年11月6日
月亮月亮月亮
chao199625 LV32019年11月4日
星星星星星星
吳貴賓 LV142019年11月2日
月亮月亮月亮星星星星
女方面 LV182019年10月28日
太陽星星星星
adminsean LV122019年8月12日
月亮月亮月亮
ge1234562019年7月19日
暫無貢獻等級
頂部客服微信二維碼底部
>掃描二維碼關注最代碼為好友掃描二維碼關注最代碼為好友
2008大乐透走势图