当前位置: 首页 > 编程笔记 >

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

澹台华晖
2023-03-14
本文向大家介绍jQuery插件EasyUI实现Layout框架页面中弹出窗体到最顶层效果(穿越iframe),包括了jQuery插件EasyUI实现Layout框架页面中弹出窗体到最顶层效果(穿越iframe)的使用技巧和注意事项,需要的朋友参考一下

本文实例讲述了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 实现弹出层插件,包括了Jquery 实现弹出层插件的使用技巧和注意事项,需要的朋友参考一下 弹出层的应用还是比较多的,登陆,一些同页面的操作,别人的总归是别人的,自己的才是自己的,所以一直以来想写个弹出层插件。不多废话,直接开始吧! 1:遮罩层  要弹出层,先要用一个遮罩层挡在下面的页面,此遮罩层是全屏的,页面滚动也要有,所以设置 position: fixed;还要有

  • 本文向大家介绍Jquery实现顶部弹出框特效,包括了Jquery实现顶部弹出框特效的使用技巧和注意事项,需要的朋友参考一下 Jq制作的页面顶部动态弹出的提示框,可以用于提示信息的显示以及通知信息的显示。 Html代码 Css代码 Jq代码 再给大家分享一例特效,效果也非常不错 CSS JS HTML

  • 本文向大家介绍jquery实现弹出层效果实例,包括了jquery实现弹出层效果实例的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了jquery实现弹出层效果的方法。分享给大家供大家参考。具体实现方法如下: 希望本文所述对大家的jQuery程序设计有所帮助。

  • 本文向大家介绍简单实现jQuery弹窗效果,包括了简单实现jQuery弹窗效果的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了jQuery弹窗效果展示的具体代码,供大家参考,具体内容如下 用到的点: jQuery创建:$('<div>'); 弹窗的位置: 当滚动条滚动时候,弹窗的位置变化: 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。

  • 本文向大家介绍jQuery实现弹出带遮罩层的居中浮动窗口效果,包括了jQuery实现弹出带遮罩层的居中浮动窗口效果的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了jQuery实现弹出带遮罩层的居中浮动窗口效果。分享给大家供大家参考,具体如下: 运行效果图如下: 更多关于jQuery相关内容感兴趣的读者可查看本站专题:《jQuery扩展技巧总结》、《jQuery常用插件及用法总结》、《jQu

  • 本文向大家介绍JS实现从网页顶部掉下弹出层效果的方法,包括了JS实现从网页顶部掉下弹出层效果的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JS实现从网页顶部掉下弹出层效果的方法。分享给大家供大家参考。具体如下: 这里介绍的JavaScript动画背景出层,实现从网页顶部掉下来的感觉,停止时还带有缓冲弹跳的意思,从上到下显示的动画弹出层,带关闭功能,没有怎么美化,喜欢的用时候息动手美