jQuery插件EasyUI实现Layout框架页面中弹出窗体到最顶层效果(穿越iframe)
本文实例讲述了jQuery插件EasyUI实现Layout框架页面中弹出窗体到最顶层效果。分享给大家供大家参考,具体如下:
functionopenTopWindow(url,title,width,height){
title=title==undefined?' ':title;
width=width==undefined?800:width;
height=height==undefined?300:height;
if(url!=undefined){
varcontent='<iframename="eui-open-page"scrolling="auto"frameborder="0"src="'+url+'"style="width:100%;height:100%;"></iframe>';
parent.$('#openWindow').window({
title:title,
width:width,
height:height,
content:content,
modal:true,
animate:true,
minimizable:false
});
}
}
接下来需要在Layout主页面放置一个div区域即可:
<!--OpenWindowBegin--> <divid="openWindow"></div> <!--OpenWindowEnd-->
更多关于jQuery相关内容感兴趣的读者可查看本站专题:《jQuery扩展技巧总结》、《jQuery常用插件及用法总结》、《jQuery拖拽特效与技巧总结》、《jQuery表格(table)操作技巧汇总》、《jquery中Ajax用法总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》及《jquery选择器用法总结》
希望本文所述对大家jQuery程序设计有所帮助。