弹出无边框页面,(将页面以div的形式弹出)
来源:互联网 发布:网站域名是什么 编辑:程序博客网 时间:2024/06/08 18:06
js代码:
function ShowWindow(url, width, height) { $(".mywindow").remove(); var x = $(window).width() / 2 - 200; var y = GetWthHei(); var Windowhtml = "<div class='mywindow' style=' position:absolute; left:" + x + "px;top:" + y + "px; z-index:9999;'><iframe src='" + url + "' name='myiframe' id='myiframe' style='border:0px;width:" + width + "px;height:" + height + "px;' frameborder='0' scrolling='no'></iframe></div>"; var dd=$(".mywindow"); $("body").append(Windowhtml);}
原理大概是这样的:
首先在页面上设置一个浮动层,然后再在浮动层里放一个iframe,iframe的src就是我们要弹出的页面.弹出页面的位置大小我们都可以在在js里面去封装.
效果:
如图的文件上传的框就是弹出的另一个页面.
0 0
- 弹出无边框页面,(将页面以div的形式弹出)
- Ajax发送请求后,将返回页面以弹出层(layer)的形式展现
- 页面弹出div
- [收藏]用JavaScript让弹出页面以最小化的形式出现在状态栏中
- 页面数据以弹出框的形式提交到另一个action中
- 将页面以excel的形式导出
- 页面右下角弹出窗的div实现
- 实现页面的div弹出提示窗
- window.open打开子页面,并选择回填的数据到父页面,替换了div弹出层的形式
- 关于如何将action中的信息已弹框的形式在jsp页面弹出
- 使用popupwindow将布局文件以对话框的形式弹出
- 弹出DIV遮盖整个页面
- jsp页面弹出div样式
- jsp页面div浮动弹出
- 将数据库中的内容以表格形式显示到页面的div中
- 我的response.write("<script>alert('成功')</script>")总是显示在页面上端,而不是以弹出框的形式显示?
- 弹出页面的方法
- 弹出的页面
- grep之字符串搜索算法Boyer-Moore由浅入深(比KMP快3-5倍)
- Android广告平台介绍
- Struts1.x note
- SIGSEGV时自动打印栈帧(2014.02.28 更新)
- Unique Paths II
- 弹出无边框页面,(将页面以div的形式弹出)
- Struts2.x note
- Spring note
- EJB note
- Android SDCard Mount 流程分析(一)
- WebService note
- Android SDCard Mount 流程分析(二)
- 各种开源协议License明细
- malloc()函数和free()函数源代码