一区二区久久-一区二区三区www-一区二区三区久久-一区二区三区久久精品-麻豆国产一区二区在线观看-麻豆国产视频

javascript彈出一個層并增加一個覆蓋層

復制代碼 代碼如下:
<!--內容層-->
<div id="ShopConfirmLayer" style="position:absolute;top:300px;left:100px;z-index:900;border:1px red solid;width:500px;display:none;">
<input name="button1" value="關閉" type="button" onclick="CloseShopConfirm()"/>
</div>
<!--覆蓋層-->
<div id="webBgLayer" style="position:absolute;top:0px;left:0px;z-index:899;background-color:#ccc;height:100%;width:100%;display:none;-moz-opacity:0.5;filter:alpha(opacity=50);"></div>
<script type="text/Javascript">
function ShopConfirm(str){
var ShopConfirmLayer=document.getElementById("ShopConfirmLayer");
var webBgLayer=document.getElementById("webBgLayer");
ShopConfirmLayer.innerHTML=str;
ShopConfirmLayer.style.display="";
ShopConfirmLayer.style.left=parseInt((document.documentElement.scrollWidth-ShopConfirmLayer.offsetWidth)/2)+document.documentElement.scrollLeft+"px";
ShopConfirmLayer.style.top=Math.abs(parseInt((document.documentElement.clientHeight-ShopConfirmLayer.offsetHeight)/2))+document.documentElement.scrollTop+"px";
webBgLayer.style.display="";
webBgLayer.style.height=document.documentElement.scrollHeight+"px";
}
function CloseShopConfirm(){
var ShopConfirmLayer=document.getElementById("ShopConfirmLayer");
var webBgLayer=document.getElementById("webBgLayer");
ShopConfirmLayer.style.display="none";
webBgLayer.style.display="none";
}
</script>

注意上面的代碼頭部DTD應該是這樣: 
復制代碼 代碼如下:
<!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">


[Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]

JavaScript技術javascript彈出一個層并增加一個覆蓋層,轉載需保留來源!

鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。

主站蜘蛛池模板: 欧美精品亚洲精品日韩专区 | 波多野结衣一区二区三区高清在线 | 一色屋成人免费精品网站 | 成人福利在线观看 | 狠狠色做五月深爱婷婷 | 国产女人伦码一区二区三区不卡 | 国产精品亚洲第一区二区三区 | 九九re热| 国产精品亚洲二区在线 | 日韩中文字幕免费观看 | 国产免费一区二区三区在线观看 | 亚洲欧美综合另类图片小说区 | 亚洲图色网站 | 午夜在线免费视频 | 国产成人精品一区二区三区 | 日韩中文字幕免费观看 | 97久久精品国产成人影院 | 91久久综合 | 欧美www网站 | 亚洲精品综合在线 | 91久久国产精品 | 国内精品一区二区2021在线 | www.射射射| 亚洲四区| 四虎国产精品一区二区 | 国产aaa免费视频国产 | 九色精品视频在线观看 | 国产精品第3页 | 国内小情侣一二三区在线视频 | 成人久久精品 | 欧美美女视频网站 | 韩国免费一级片 | 五月六月丁香 | 成人在线观看免费视频 | 黄在线视频 | 国产精品青青青高清在线密亚 | 99综合色| 五月婷婷网站 | 真实国产乱子伦精品一区二区三区 | 在线观看色视频 | 婷婷在线影院 |