jQuery弹出Iframe窗口,混合GET方式地址传参,非常方便

/**
 * 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();
});

}

转载于:https://blog.csdn.net/xzknet/article/details/43730473

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

使用新浪微博登陆