您的位置:首页 > Web前端 > JQuery

JQuery.BlockUI弹出层

2013-10-28 23:17 633 查看
在一页面单击按钮或其他方式触发,弹出层

引入所需文件

<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();
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: