效果如上图。

接下来说一下怎么使用，首先，先去layer官网下载一个layer包，放到你的程序文件夹里，然后给需要使用弹窗的页面引入jquery和layer，然后就是把下面的方法引入页面中：

function wopen(uls,window_name){
	layer.open({
		type: 2,
		title:window_name,
		btn:['关闭'],
		shadeClose:false,
		shade: 0.8,
		area: ['94%', '94%'],
		closeBtn:0,
		content:uls,
		yes: function(index, layero){
			window.location.reload(true);	
		}
	});
}

其中需要注意的是我设置的几个选项，上面代码中。如果你shadeclose和shade这些都不了解，那我没的说了，建议你先去官网看一下教程。

然后是给使用的链接改一下，比如这个链接：

<a href='http://www.baidu.com/index.html?id=102'>你好</a>

 那么改造之后应该是这样：

<a href='javascript:void(0);' class='edit_xf' id='102'>你好</a>

最后，使用jquery监听一下edit_xf的点击事件，并获取id，重新组装url穿给刚才上面的js方法就行了。具体如下：

$(function(){
	$(".edit_xf").click(function(){
		var id = $(this).attr('id');
		var uls = "http://www.baidu.com/index.html?id="+id;
		wopen(uls, '我是弹窗的标题名字');
	});
});

当您发现内容错误或代码bug，以及下载链接无法使用等，请点击屏幕右下角的上报错误来进行提交，我们会尽快修正。
本程序所有源码和工具完全免费，当本网站内容如果侵犯了您的权益，请联系我们，我们会尽快处理，感谢您的合作。

收藏 分享

上一篇： 正则表达式-常用

下一篇： js定时器实现字体大小跳动效果

• 商城商品放大镜jQuery插件
• jquery 实现复制（ps:兼容各种端）
• 红包在整个页面四处飘动效果
• HTML5页面上通过百度地图显示当前内容