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

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值