核心代码如下:
/** * iframe弹出层 例子:openDialogByIframe(550,450,'新建单位','add.do'); * * @param width * 宽 * @param height * 高 * @param tit * 标题 * @param url * iframe的URL地址 */ function openDialogByIframe(width, height, tit, url) { var winWinth = $(window).width(), winHeight = $(document).height(); $("body").append("<div class='yz_popIframeDiv'></div>"); $("body") .append( "<div class='yz_popTanChu'><div class='yz_popTanChutit'><span class='yz_popTanChuTxt'>" + tit + "</span><span class='yz_popTanChuClose'>关闭</span></div><iframe class='winIframe' frameborder='0' hspace='0' src=" + url + "></iframe></div>"); $(".yz_popIframeDiv").css({ width : winWinth, height : winHeight, background : "#000", position : "absolute", left : "0", top : "0" }); $(".yz_popIframeDiv").fadeTo(0, 0.5); var yz_popTanChuLeft = $(window).width() / 2 - width / 2; var yz_popTanChuTop = $(window).height() / 2 - height / 2 + $(window).scrollTop(); $(".yz_popTanChu").css({ width : width, height : height, border : "3px #ccc solid", left : yz_popTanChuLeft, top : yz_popTanChuTop, background : "#fff", position : "absolute" }); $(".yz_popTanChutit").css({ width : width, height : "25px", "border-bottom" : "1px #ccc solid", background : "#eee", "line-height" : "25px" }); $(".yz_popTanChuTxt").css({ "text-indent" : "5px", "float" : "left", "font-size" : "14px" }); $(".yz_popTanChuClose").css({ "width" : "40px", "float" : "right", "font-size" : "12px", "color" : "#667", "cursor" : "pointer" }); var winIframeHeight = height - 26; $(".winIframe").css({ width : width, height : winIframeHeight, "border-bottom" : "1px #ccc solid", background : "#ffffff" }); $(".yz_popTanChuClose").hover(function() { $(this).css("color", "#334"); }, function() { $(this).css("color", "#667"); }); $(".yz_popTanChuClose").click(function() { $(".yz_popIframeDiv").remove(); $(".yz_popTanChu").remove(); }); }