當前位置：
首頁 >
前端技术
> javascript
>内容正文
javascript
[转]创建一个JavaScript弹出DIV窗口层的效果
生活随笔
收集整理的這篇文章主要介紹了
[转]创建一个JavaScript弹出DIV窗口层的效果
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
本文轉自：http://www.soso.io/article/23698.html
?
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> #popupcontent{ position: absolute; visibility: hidden; overflow: hidden; border:1px solid #CCC; background-color:#F9F9F9; border:1px solid #333; padding:5px; } </style> <script> var baseText = null; function showPopup(w,h){ var popUp = document.getElementById("popupcontent"); popUp.style.top = "150px"; popUp.style.left = "150px"; popUp.style.width = w + "px"; popUp.style.height = h + "px"; //if (baseText == null) baseText = popUp.innerHTML; //popUp.innerHTML = baseText + "<div id=\"statusbar\"><button οnclick=\"hidePopup();\">Close window</button></div>"; //var sbar = document.getElementById("statusbar"); //sbar.style.marginTop = (parseInt(h)-40) + "px"; popUp.style.visibility = "visible"; } function hidePopup(){ var popUp = document.getElementById("popupcontent"); popUp.style.visibility = "hidden"; } </script> </head> <body> <a href="#" onclick="showPopup(600,600);" >Open popup</a> <div id="popupcontent">這是一個DIV彈窗效果!相關內容如下 <iframe src="Agree.html" width="500px" height="500px;" scroll="auto"></iframe> <div id="statusbar"><button onclick="hidePopup();">Close window</button></div> </div> </body> </html>轉載于:https://www.cnblogs.com/freeliver54/p/4920388.html
總結
以上是生活随笔為你收集整理的[转]创建一个JavaScript弹出DIV窗口层的效果的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： EhCache 分布式缓存/缓存集群
- 下一篇： JSON表单提交（ajax异步刷新）