設置彈窗樣式??的何設HTML代碼如下：
（圖片??來(lái)源網(wǎng)絡(luò )，侵刪）<!DOCTYPE html><html><head> <t??itle??>彈窗樣式設置</title>(′▽?zhuān)?; <style> /* 彈窗ヽ(′▽?zhuān)?ノ樣式 */ .modal { display: none; /* 默認隱藏彈窗 */ position: fixed; /* 固定(ding)彈窗位置 */ zindex: 1; /* 設置彈窗層級 */ left: 0; top: 0; width: 100%; /* 寬度為100% */ height: 100%; /* 高度為100% */ overflow: auto; /* 內容溢出時(shí)顯示滾動(dòng)條 */ backgroundcolor: rgba(0,置彈0,0,0.4); /* 背景顏??色為半透明黑色 */ } /* 彈窗??內容樣式 */ .modalcontent { backgroundcolor: #fefefe; /* 背景顏色 */ margin: 15% auto; /* 水平居中，垂直距離頂部15% */ padding: 20px; /* 內邊距 */ border: 1px solid #888; /* 邊框 */ width: 80%; /* 寬度(??ヮ?)?*:??? */ maxwidth: 600px; /* 最大寬度(╥_╥) */ } /* 關(guān)閉按鈕樣式 */ .close { color: #aaa; /* 字體顏色 */ float: right; /* 向右浮動(dòng) */ fontsize: 28px; /* 字體大小 */ fontweight: bold; /* 字體加粗 */ } .close:hover,窗樣 .close:f??ocus(′?ω?`) { color: black; /* 鼠標懸?；蚓劢箷r(shí)字體顏色 */ textdecoration: no(′?_?`)ne; /* 去掉ヽ(′▽?zhuān)?ノ下劃線(xiàn) */ cursor: pointer; /* 鼠標指針變?yōu)槭中?*/ } </style></head><body> <!彈窗觸發(fā)按鈕 > <??button id="??open=""Modal">打開(kāi)彈窗</button&g??t; <ヽ(′?｀)ノ;!彈窗內容 > <div id="myModal"?? clas(′ω｀*)s="modal"> <div class="modalcontent">ヽ(′▽?zhuān)?ノ; <span class=&??quot;close&quo??t;>&ti(╯‵□′)╯mes;</span> <p>這里是彈窗的內容。何設</p> </divヾ(′▽?zhuān)??&(′▽?zhuān)?gt; </div??> <!JavaScript代碼 > <script> // 獲取彈窗元素和觸發(fā)按鈕元素 var modal = document.getElementById("myModal"); var btn = document.getElementById("open=""Modal"); var?? span = document.ge?tElem??entsByClassName("close")[0]; // 點(diǎn)擊觸發(fā)按鈕打開(kāi)彈窗 btn.onclick = function() { modal.style.di??splay = "block"; } // 點(diǎn)擊關(guān)閉按鈕關(guān)閉彈窗并隱藏彈窗元素 span.onclick = function() { modal.style.display = "none&quヽ(′ー｀)ノot;; } // 點(diǎn)擊彈窗外部區域關(guān)閉彈窗并隱藏彈窗元素 window.onclick = function(event) { if (event.target == moda??l) { moda(╬?益?)l??.style.display = "none"; } } </script></b(′?｀)ody></html>電話(huà)：18006757605
網(wǎng) 址：http://www.hunqingrc.com/
地 址：北京市昌平區66號