[转]创建一个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> varbaseText = null; functionshowPopup(w,h){ varpopUp =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"; } functionhidePopup(){ varpopUp =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窗口层的效果相关推荐

如何创建一个用弹出窗口来查看详细信息的超链接列
如何创建一个用弹出窗口来查看详细信息的超链接列出处:www.dotnetjunkie.com 这篇文章来自于一位忠实的DotNetJunkie的建议,他最初发了一封email给我们, 要求我们给出一 ...
javascript弹出div(一)
<html> <head> <style> <!-- body{font-family:宋体; font-size:12px; padding:0px; ma ...
Javascript弹出div层
这是一个DIV弹窗效果! 将鼠标移动到此点击这里查看弹出窗口这是文章"JavaScript弹出窗口DIV层效果代码"的演示页面,点这里查看原文! 转载于:https://www ...
JavaScript弹出模式窗口
解决思路: 一般来说,显示在最前面的窗口都是因为窗口被激活获得焦点,要使窗口永远显示在最前面,可以人为的设置窗口在blur时立刻focus,或者用模式.无模式对话框实现. ...
用jQuery实现弹出窗口/弹出div层
原文链接:http://hi.baidu.com/awz_tiger/item/863cfc10c4bb0f6171d5e8d9 http://blog.163.com/qiuxinke2006@12 ...
QUI操作超时弹出登录窗口登录的处理方式
在使用QUI开发的业务系统中,如果长时间没操作,session过期后,再次操作系统超时会自动跳转到登陆页面,如果当前有一些操作没有保存,需要重新登录后再次填写信息,用户体验很不好! 为了避免超时后页面 ...
html5鼠标点击弹出层,jQuery实现单击弹出Div层窗口效果(可关闭可拖动)
本文实例讲述了jQuery实现单击弹出Div层窗口效果.分享给大家供大家参考.具体如下: 这是一款jquery实现的可拖动可关闭的弹出框效果,网上已经有很多类似效果了,网页上实现这种效果其实并不难,现 ...
javascript弹出窗口代码大全（转）
转帖,用来学习的 javascript弹出窗口代码大全如何利用网页弹出各种形式的窗口,我想大家大多都是知道些的,但那种多种多样的弹出式窗口是怎么搞出来的,我们今天就来学习一下: 1.弹启一个全屏窗口 ...
JavaScript 弹出一个可移动的框
<script language="javascript"> /*Title:JavaScript 弹出一个可移动的框 *Author: Alvin *Date: ...

[转]创建一个JavaScript弹出DIV窗口层的效果

[转]创建一个JavaScript弹出DIV窗口层的效果相关推荐

最新文章

热门文章