弹出无边框页面,(将页面以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
原创粉丝点击