亚洲综合原千岁中文字幕_国产精品99久久久久久久vr_无码人妻aⅴ一区二区三区浪潮_成人h动漫精品一区二区三

主頁 > 知識庫 > html 彈出div實現移動居中非常好用

html 彈出div實現移動居中非常好用

熱門標簽:電話機器人宣傳片 騰訊植物園地圖標注 外呼智能系統報價 經綸電銷機器人 鄒城智能外呼系統 浦東新區百度地圖標注圖片 個貸電銷機器人 巫山縣地圖標注app 華為收費站地圖標注

復制代碼
代碼如下:

<!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=utf-8" />
<title>無標題文檔</title>
<style type="text/css">
/*彈出層的STYLE*/
html,body {height:100%; margin:0px; font-size:12px;}
.mydiv {
background-color: #ff6;
border: 1px solid #f90;
text-align: center;
line-height: 40px;
font-size: 12px;
font-weight: bold;
z-index:99;
width: 300px;
height: 120px;
left:50%;/*FF IE7*/
top: 50%;/*FF IE7*/
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 {
background-color: #ccc;
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);/*IE5 IE5.5*/
}
/*The END*/
</style>
<script type="text/javascript">
function showDiv(){
document.getElementById('popDiv').style.display='block';
document.getElementById('bg').style.display='block';
}
function closeDiv(){
document.getElementById('popDiv').style.display='none';
document.getElementById('bg').style.display='none';
}
</script>
</head>
<body>
<div id="popDiv" class="mydiv" style="display:none;">標題<br/>你懂得<br/>
<a href="javascript:closeDiv()">關閉窗口</a></div>
<div id="bg" class="bg" style="display:none;"></div>



































<div style="padding-top: 20px;">
<input type="Submit" name="" value="顯示層" onclick="javascript:showDiv()" />
</div>
</body>
</html>

附加一個好看的樣式

復制代碼
代碼如下:

<html>
<head><title></title>
<style>
.mesWindowTop {
font-size: 12px;
font-weight: bold;
text-align: left;
}
.mesWindowContent {
font-size: 12px;
}
.mesWindow {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #666666;
}
</style>
</head>
<body>
<div id="mesWindow" class="mesWindow" style="top: 180px; position: absolute; width: 600px; margin-left: -300px; left: 50%; z-index: 9999;"><div class="mesWindowTop"><table width="100%" height="100%"><tbody><tr><td>窗口標題</td><td style="width:1px;"><input type="button" value="關閉" class="close" title="關閉窗口" onclick="closeWindow();"></td></tr></tbody></table></div><div id="mesWindowContent" class="mesWindowContent"><div style="padding:20px 0 20px 0;text-align:center">消息正文</div></div><div class="mesWindowBottom"></div></div>
</body>
</html>

標簽:那曲 三沙 楊凌 南平 日喀則 廣西 唐山 滁州

巨人網絡通訊聲明:本文標題《html 彈出div實現移動居中非常好用》,本文關鍵詞  html,彈出,div,實現,移動,;如發現本文內容存在版權問題,煩請提供相關信息告之我們,我們將及時溝通與處理。本站內容系統采集于網絡,涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《html 彈出div實現移動居中非常好用》相關的同類信息!
  • 本頁收集關于html 彈出div實現移動居中非常好用的相關信息資訊供網民參考!
  • 推薦文章
    精品国产一区二区三区精东影业 | 精品国产一区二区三区国产馆| 九九精品在线播放| 中文字幕一区二区三区精彩视频| 成人av在线播放| 午夜在线亚洲| 欧美激情一区二区三区视频| 日本在线播放一区| 久久国产精品自由自在| 高清一级做a爱过程不卡视频| 日本免费看视频| 国产视频一区在线| 国产91丝袜在线播放0| 国产精品免费精品自在线观看| 超级乱淫伦动漫| 国产美女在线一区二区三区| 欧美一级视频免费观看| 黄色福利| 日本免费看视频| 国产一区免费在线观看| 91麻豆精品国产综合久久久| 久久国产精品永久免费网站| 国产麻豆精品高清在线播放| 欧美1区| 欧美夜夜骑 青草视频在线观看完整版 久久精品99无色码中文字幕 欧美日韩一区二区在线观看视频 欧美中文字幕在线视频 www.99精品 香蕉视频久久 | 麻豆网站在线免费观看| 欧美1区| 中文字幕97| 中文字幕一区二区三区 精品 | 日本在线不卡视频| 国产网站免费| 成人a大片高清在线观看| 国产视频在线免费观看| 国产伦久视频免费观看 视频| 色综合久久天天综合观看| 精品久久久久久综合网| 国产麻豆精品| 韩国毛片 免费| 可以在线看黄的网站| 中文字幕97| 国产91精品露脸国语对白| 欧美日本免费| 99久久精品费精品国产一区二区| 欧美1卡一卡二卡三新区| 你懂的福利视频| 亚洲天堂免费观看| 日韩中文字幕在线观看视频| 国产成+人+综合+亚洲不卡| 黄色福利| 亚洲女人国产香蕉久久精品| 久久福利影视| 你懂的国产精品| 欧美爱色| 久久久成人影院| 国产91素人搭讪系列天堂| 欧美α片无限看在线观看免费| 日韩中文字幕在线播放| 欧美激情一区二区三区在线 | 天天做人人爱夜夜爽2020毛片| 韩国妈妈的朋友在线播放| 国产麻豆精品| 国产91丝袜在线播放0| 韩国三级一区| 日本伦理片网站| 亚洲 激情| 成人高清视频在线观看| 日韩中文字幕在线亚洲一区| 精品久久久久久中文字幕一区| 中文字幕97| 精品久久久久久中文| 欧美爱爱网| 日韩在线观看网站| 青青久久网| 欧美大片一区| 色综合久久天天综合观看| 麻豆污视频| 国产成人精品综合在线| 亚洲精品影院| 日本免费看视频| 国产网站在线| 精品国产三级a∨在线观看| 国产视频一区二区三区四区 | 日本久久久久久久 97久久精品一区二区三区 狠狠色噜噜狠狠狠狠97 日日干综合 五月天婷婷在线观看高清 九色福利视频 | 国产不卡福利| 日本在线www| 你懂的在线观看视频| 高清一级做a爱过程不卡视频| 精品国产一区二区三区久| 国产精品123| 欧美一级视频免费观看| 美女被草网站| 日韩一级精品视频在线观看| 欧美激情一区二区三区中文字幕| 精品国产一区二区三区久 | 精品久久久久久综合网| 欧美夜夜骑 青草视频在线观看完整版 久久精品99无色码中文字幕 欧美日韩一区二区在线观看视频 欧美中文字幕在线视频 www.99精品 香蕉视频久久 | 青草国产在线| 成人av在线播放| 国产网站免费观看| 超级乱淫黄漫画免费| 91麻豆精品国产片在线观看| 毛片电影网| 国产a视频| 欧美大片一区| 毛片电影网| 欧美夜夜骑 青草视频在线观看完整版 久久精品99无色码中文字幕 欧美日韩一区二区在线观看视频 欧美中文字幕在线视频 www.99精品 香蕉视频久久 | 999精品视频在线| 午夜在线亚洲| 国产视频久久久久| 999久久狠狠免费精品| 成人高清视频在线观看| 国产福利免费观看| 精品在线观看一区| 日本在线不卡免费视频一区| 日本久久久久久久 97久久精品一区二区三区 狠狠色噜噜狠狠狠狠97 日日干综合 五月天婷婷在线观看高清 九色福利视频 | 国产伦精品一区二区三区在线观看| 国产麻豆精品| 日韩专区在线播放| 成人免费网站久久久| 九九热国产视频| 国产国语对白一级毛片| 日韩在线观看免费| 精品美女| 国产精品1024永久免费视频| 日日日夜夜操| 免费毛片播放| 午夜久久网| 成人在免费观看视频国产| 欧美爱色| 国产成a人片在线观看视频| 高清一级做a爱过程不卡视频| 精品国产一区二区三区久| 亚洲天堂免费观看| 999久久狠狠免费精品| 亚洲精品影院| 四虎影视精品永久免费网站 | 欧美一级视频免费| 免费一级片在线| 精品视频在线观看免费| 亚洲www美色| 一级女性全黄久久生活片| 99久久精品国产高清一区二区| 九九久久99综合一区二区| 欧美电影免费看大全| 免费国产一级特黄aa大片在线| 国产伦精品一区三区视频| 国产伦精品一区二区三区在线观看| 国产成人女人在线视频观看 | 美女免费精品高清毛片在线视 | a级黄色毛片免费播放视频| 免费一级生活片| 精品视频在线观看免费| 久久99欧美| 日韩专区亚洲综合久久| 亚洲女初尝黑人巨高清在线观看| 九九九网站| 国产一区精品| 欧美电影免费看大全| 国产成人精品综合| 久久国产影视免费精品| 欧美爱爱网| 欧美a免费| 欧美日本免费| 欧美夜夜骑 青草视频在线观看完整版 久久精品99无色码中文字幕 欧美日韩一区二区在线观看视频 欧美中文字幕在线视频 www.99精品 香蕉视频久久 | 久草免费在线视频| 免费国产在线视频| 天堂网中文字幕| 国产国语对白一级毛片| 美女免费毛片| 久久国产精品永久免费网站| 毛片高清| 色综合久久天天综合| 成人免费网站视频ww| 亚洲第一色在线| 欧美激情伊人| 欧美一区二区三区在线观看| 日韩男人天堂| 91麻豆tv| 91麻豆tv| 精品视频在线观看一区二区三区| 99久久网站| 国产成人女人在线视频观看 | 亚洲精品久久玖玖玖玖| 一级女性大黄生活片免费| 久久精品人人做人人爽97| 久久精品道一区二区三区| 青青青草影院| 欧美国产日韩一区二区三区| 成人影视在线观看| 毛片高清| 国产美女在线观看| 日韩中文字幕一区| 午夜欧美福利| 欧美夜夜骑 青草视频在线观看完整版 久久精品99无色码中文字幕 欧美日韩一区二区在线观看视频 欧美中文字幕在线视频 www.99精品 香蕉视频久久 | 亚洲www美色| 青青久久国产成人免费网站| 日韩专区第一页| 精品视频在线观看一区二区| 四虎精品在线观看| 日本免费看视频|