jQuery弹出Iframe窗口，应该比$.dialog好用

标签：

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

jQuery弹出Iframe窗口，应该比$.dialog好用

标签：

原文地址：http://blog.csdn.net/xzknet/article/details/43730473