Jquery中的Dialog插件如何遮住Iframe，你是如今解决的
2个回答
展开全部
Jquery弹出层窗口，并且背景变暗
先到 下载Jquery的Lee dialog插件，
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="javascript" src="dialog.js"></script>
<script language="javascript" src="Jquery.js"></script>
<style>
#floatBoxBg
.floatBox
.floatBox .title
.floatBox .title h4
.floatBox .title span
.floatBox .content
</style>
</head>
<body>
<script>
function aa()
{
dialog("我的标题","iframe:login.php","500px","auto","text"); // login.php 为要弹出的窗口
}
</script>
<a href="#" onclick="aa()" >Click Here</a>
</body>
</html>
关于这个dialog插件的其它用法：
get加载一个.html文件（也可以是.php/.asp?id=4之类的）
dialog("我的标题","test.html","200px","auto","text");
弹出纯文本内容
dialog("我的标题","text:我的内容","200px","auto","text"); 试试
弹出某id里面的html
页面有<div id="testID" style="display:none;"><h2>Lee dialog</h2></div>
dialog("我的标题","id:testID","300px","auto","id"); 试试
Lee dialog
加载一个页面以框架示
把blueidea加载进来，定义css:body .iframe .content复盖一下，因为.content默认padding:20px;
dialog("blueidea","iframe:","500px","500px","iframe");
先到 下载Jquery的Lee dialog插件，
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="javascript" src="dialog.js"></script>
<script language="javascript" src="Jquery.js"></script>
<style>
#floatBoxBg
.floatBox
.floatBox .title
.floatBox .title h4
.floatBox .title span
.floatBox .content
</style>
</head>
<body>
<script>
function aa()
{
dialog("我的标题","iframe:login.php","500px","auto","text"); // login.php 为要弹出的窗口
}
</script>
<a href="#" onclick="aa()" >Click Here</a>
</body>
</html>
关于这个dialog插件的其它用法：
get加载一个.html文件（也可以是.php/.asp?id=4之类的）
dialog("我的标题","test.html","200px","auto","text");
弹出纯文本内容
dialog("我的标题","text:我的内容","200px","auto","text"); 试试
弹出某id里面的html
页面有<div id="testID" style="display:none;"><h2>Lee dialog</h2></div>
dialog("我的标题","id:testID","300px","auto","id"); 试试
Lee dialog
加载一个页面以框架示
把blueidea加载进来，定义css:body .iframe .content复盖一下，因为.content默认padding:20px;
dialog("blueidea","iframe:","500px","500px","iframe");
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
官方的jquery ui 可以遮住iframe
其他人写的可能要自己修改一下
其他人写的可能要自己修改一下
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
