具体代码实现如下：
社群 學習 工具庫 休閒
搜尋
繁体中文
首頁 > web前端 > js教程 > 父頁面顯示遮罩層彈出半透明狀態的dialog_jquery

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

WBOY
發布： 2016-05-16 16:57:29
原創
1395 人瀏覽過

上一章我介紹了遮罩的頁面可增加部分區域編輯模組，這章將介紹父頁顯示遮罩層，彈出半透明狀態的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>
登入後複製

關閉













出現


相關標籤：
居中顯示 遮罩層
來源：php.cn
上一篇：js中top的作用深入剖析_javascript技巧 下一篇：js this函數呼叫無需再抓獲id，name或標籤名_javascript技巧
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
作者最新文章
最新問題
function_exists()無法判定自訂函數 function test()    {        return true;    }    if (function_exists('TEST')) {        ech...
來自於 2024-04-29 11:01:01
0
3
2061
google 瀏覽器 手機版顯示的怎麼實現 老師您好，google 瀏覽器怎麼變成手機版樣式的？
來自於 2024-04-23 00:22:19
0
11
2222
子窗口操作父窗口，輸出沒反應 前兩句可執行，最後一句沒辦法應
來自於 2024-04-19 15:37:47
0
1
1872
父視窗沒有輸出 document.onclick = function(){ window.opener.document.write('我是子視窗的輸出');                  ...
來自於 2024-04-18 23:52:34
0
1
1753
關於CSS心智圖的課件在哪？ 課件
來自於 2024-04-16 10:10:18
0
0
1779
相關專題
更多>
熱門推薦
熱門教學
更多>
相關教學
熱門推薦
最新課程
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板