JQuery.BlockUI弹出层
2013-10-28 23:17
633 查看
在一页面单击按钮或其他方式触发,弹出层
引入所需文件
在父窗口里定义函数
在弹层里的JSP页面里面调用父窗口里的关闭弹层方法
引入所需文件
<script src="jquery.min.js" type="text/javascript"></script> <script src="JQuery.BlockUI.min.2.39.js" type="text/javascript"></script>
在父窗口里定义函数
function tanchu(){ window.setTimeout(function(){ $.blockUI({ message:"<iframe id='goToFrame' frameborder='0' width='100%' height='100%' src='sick3/showzl.htm'></iframe>", css:{width:"615px",height:"234px",border:"1px solid #b6cfd6",padding:"1px",top:getTopPos(300),left:getLeftPos(600)} }); },200) } function doClose(){ //关闭弹层 $.unblockUI() $.unblockUI(); }
在弹层里的JSP页面里面调用父窗口里的关闭弹层方法
function doClose(){ parent.doClose(); }
相关文章推荐
- 弹出层之2:JQuery.BlockUI
- 弹出层之2:JQuery.BlockUI
- Jquery弹出层插件 JQuery.BlockUI
- 弹出层之2:JQuery.BlockUI
- 弹出层:JQuery.BlockUI 学习
- 利用Jquery.blockui.js创建可拖动、自定义内容的弹出层
- 弹出层之2:JQuery.BlockUI
- jquery.blockUI.2.31.js 弹出层项目介绍
- JQuery BlockUI插件
- Jquery 遮盖层插件 jquery blockui
- 使用Jquery blockUI插件实现在点击按钮提交后阻止再次点击,当处理完后解除阻止
- jQuery BlockUI Plugin Demo 5(Simple Modal Dialog Example)
- jquery block ui
- jquery UI datepicker 弹出位置样式自定义代码样例
- jquery block ui 下载
- jquery blockui
- 解决 jQuery UI Datepicker 无法弹出
- jQuery BlockUI Plugin Demo 6(Options)
- 关于 jQuery blockUI 的一点小问题(二)
- jQuery遮罩插件 jQuery.blockUI.js