国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

父頁面顯示遮罩層彈出半透明狀態(tài)的dialog

2019-11-20 21:00:41
字體:
供稿:網(wǎng)友
上一章我介紹了遮罩的頁面可增加部分區(qū)域編輯模塊,這章將介紹父頁面顯示遮罩層,彈出半透明狀態(tài)的dialog。dialog即彈出的子頁面,div。

效果圖如下:
 
具體代碼實(shí)現(xiàn)如下:
復(fù)制代碼 代碼如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>

<style type="text/css">
<!--
.mydiv {
background-color: #FFFFFF;
border: 5px solid #c7c7c7;
text-align: center;
line-height: 20px;
font-size: 12px;
font-weight: bold;
z-index:999;
width: 500px;
height: 300px;
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:20%;/*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);/* m.survivalescaperooms.com IE5 IE5.5*/
}
-->
</style>

<script>

function showDiv(tag,tid,lawyerName){
var light1=document.getElementById(tag);
light1.style.display='block';
document.getElementById('bg').style.display='block';
}
function closeDiv(){
document.getElementById('popDiv').style.display='none';
document.getElementById('bg').style.display='none';
}

</script>

<BODY>
<div id="popDiv" class="mydiv" style="display:none;">
<pre>
桃花庵(張小四摘錄)

桃花塢里桃花庵,桃花庵下桃花仙。
桃花仙人種桃樹,又摘桃花換酒錢。
酒醒只在花前坐,酒醉還來花下眠。
酒醉酒醒日復(fù)日,花開花落年復(fù)年。

但愿老死花酒間,不愿鞠躬車馬前。
車塵馬足富者趣,酒盞花枝貧者緣。

若將富貴比貧賤,一在平地一在天。
若將花酒比車馬,他得驅(qū)馳我得閑。

別人笑我忒瘋癲,我笑他人看不穿。
不見五陵豪杰墓,無花無酒鋤作田。
</pre>
<a href="javascript:closeDiv()" >關(guān)閉</a>

</div>

<div id="bg" class="bg" style="display:none;z-index:100;"></div>

<br/><br/><br/><br/><br/><br/><br/>
<a href="javascript:showDiv('popDiv')" style="font-size:20px;margin-left:100px">出現(xiàn)</a>
</BODY>
</HTML>
發(fā)表評論 共有條評論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 宜宾县| 五家渠市| 海晏县| 蒙阴县| 浙江省| 永新县| 从江县| 武陟县| 盐山县| 长泰县| 屯昌县| 府谷县| 财经| 伽师县| 三台县| 上虞市| 商都县| 屏东县| 逊克县| 子长县| 铜山县| 南昌市| 阿合奇县| 汝城县| 平山县| 临朐县| 宾阳县| 定边县| 抚顺市| 伊金霍洛旗| 红桥区| 古浪县| 乃东县| 婺源县| 龙口市| 绥芬河市| 探索| 平凉市| 巧家县| 探索| 防城港市|