具体代码实现如下:

首頁 >web前端 >js教程 >父頁面顯示遮罩層彈出半透明狀態的dialog_jquery

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

WBOY
WBOY原創
2016-05-16 16:57:291404瀏覽

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

效果圖如下:
父頁面顯示遮罩層彈出半透明狀態的dialog_jquery 
具體代碼實現如下:

複製代碼程式碼如下:




New Document








<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>

關閉













出現


陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn