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

jQuery插件EasyUI实现Layout框架页面中弹出窗体到最顶层效果(穿越iframe)

2016-08-05 15:54 921 查看

本文实例讲述了jQuery插件EasyUI实现Layout框架页面中弹出窗体到最顶层效果。分享给大家供大家参考，具体如下：

function openTopWindow(url, title, width, height) {
title = title == undefined ? ' ' : title;
width = width == undefined ? 800 : width;
height = height == undefined ? 300 : height;
if (url != undefined) {
var content = '<iframe name="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区域即可：

<!--Open Window Begin-->
<div id="openWindow"></div>
<!--Open Window End-->

更多关于jQuery相关内容感兴趣的读者可查看本站专题：《jQuery扩展技巧总结》、《jQuery常用插件及用法总结》、《jQuery拖拽特效与技巧总结》、《jQuery表格(table)操作技巧汇总》、《jquery中Ajax用法总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》及《jquery选择器用法总结》

希望本文所述对大家jQuery程序设计有所帮助。

您可能感兴趣的文章:

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： jQuery 插件 EasyUI Layout

相关文章推荐

新的分享

章节导航