父頁面顯示遮罩層彈出半透明狀態的dialog_jquery

上一章我介紹了遮罩的頁面可增加部分區域編輯模組，這章將介紹父頁顯示遮罩層，彈出半透明狀態的dialog。 dialog即彈出的子頁面，div。

效果圖如下：
 
具體代碼實現如下：

複製代碼程式碼如下:

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

 <br>桃花庵(張小四摘錄) <br><br>桃花塢裡桃花庵，桃花庵下桃花仙。 <br>桃花仙人種桃樹，又摘桃花換酒錢。 <br>酒醒只在花前坐，酒醉還來花下眠。 <br>酒醉酒醒日復日，花開花落年復一年。 <br><br>但願老死花酒間，不願鞠躬車馬前。 <br>車塵馬足富者趣，酒盞花枝貧者緣。 <br><br>若將富貴比貧賤，一在平地一在天。 <br>若將花酒比車馬，他得驅馳我得閒。 <br><br>別人笑我忒瘋癲，我笑別人看不穿。 <br>不見五陵豪傑墓，無花無酒鋤作田。 <br>

關閉

出現