您好,登錄后才能下訂單哦!
這篇文章主要講解了“JavaScript實現(xiàn)彈出層和背景變暗”,文中的講解內(nèi)容簡單清晰,易于學(xué)習(xí)與理解,下面請大家跟著小編的思路慢慢深入,一起來研究和學(xué)習(xí)“JavaScript實現(xiàn)彈出層和背景變暗”吧!
JavaScript彈出層和背景變暗
JavaScript彈出層,背景變暗,代碼不算多,根據(jù)你的需要調(diào)整一下,這里只是實現(xiàn)了基礎(chǔ)的思路,美化不是太好。
代碼如下:
<title>JavaScript彈出層,背景變暗</title> <script> vardocEle=function(){ returndocument.getElementById(arguments[0])||false; } functionopenNewDiv(_id){ varm="mask"; if(docEle(_id))document.removeChild(docEle(_id)); if(docEle(m))document.removeChild(docEle(m)); //www.codefans.net新激活圖層 varnewDiv=document.createElement("div"); newDiv.id=_id; newDiv.style.position="absolute"; newDiv.style.zIndex="9999"; newDiv.style.width="200px"; newDiv.style.height="300px"; newDiv.style.top="100px"; newDiv.style.left= (parseInt(document.body.scrollWidth)-300)/2+"px"; //屏幕居中 newDiv.style.background="EEEEEE"; newDiv.style.border="1pxsolid#0066cc"; newDiv.style.padding="5px"; newDiv.innerHTML="新激活圖層內(nèi)容"; document.body.appendChild(newDiv); //mask圖層 varnewMask=document.createElement("div"); newMask.id=m; newMask.style.position="absolute"; newMask.style.zIndex="1"; newMask.style.width=document.body.scrollWidth+"px"; newMask.style.height=document.body.scrollHeight+"px"; newMask.style.top="0px"; newMask.style.left="0px"; newMask.style.background="#000"; newMask.style.filter="alpha(opacity=40)"; newMask.style.opacity="0.40"; document.body.appendChild(newMask); //docutmentwww.codefans.net //關(guān)閉mask和新圖層 varnewA=document.createElement("a"); newA.href="#"; newA.innerHTML="關(guān)閉激活層"; newA.onclick=function(){ document.body.removeChild(docEle(_id)); document.body.removeChild(docEle(m)); returnfalse; } newDiv.appendChild(newA); } </script> <ahrefahref="#"onclick="openNewDiv(newDiv);returnfalse;"> 彈出新層</a>
感謝各位的閱讀,以上就是“JavaScript實現(xiàn)彈出層和背景變暗”的內(nèi)容了,經(jīng)過本文的學(xué)習(xí)后,相信大家對JavaScript實現(xiàn)彈出層和背景變暗這一問題有了更深刻的體會,具體使用情況還需要大家實踐驗證。這里是億速云,小編將為大家推送更多相關(guān)知識點的文章,歡迎關(guān)注!
免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。