弹层组件

将 layer 压缩包下载到本地，将其解压缩并把 layer 文件夹放在项目的根目录下，请务必不要移动 layer 默认的文件结构，否则将无法运行。

在模板文件尾部（body结束标签前）引入 jquery 库（如果模板中已经引入，则无需重复引入）和弹层组件 js，确保 layer.min.js 放在 jquery 库的后面：

<script type="text/javascript" src="http://api.cas.cn/lib/jquery/1.12.4/jquery.min.js"></script>
<script type="text/javascript" src="layer/layer.min.js"></script>

在页面中写好触发弹层的按钮以及弹层，并将弹层隐藏。

在模板的 body 结束标签前，刚才引入的弹层组件 js 后，插入以下 js：

<script type="text/javascript">
!function(){
	$('#send').on('click', function(){ //为触发按钮绑定点击事件
		var pageii = $.layer({
		  type: 1, //默认层的类型0：信息框；1：页面层；2：iframe层；3：加载层；4：tips层
		  title: false, //默认‘信息’：显示标题栏；fasle：隐藏标题栏
		  border: [0], //默认边框[10, 0.3, '#000']：[宽度，不透明度，颜色]；[0]：不显示边框
		  closeBtn: false, //默认关闭按钮[0, true]：[风格0/1, true]；false：不显示关闭按钮
		  area: ['549px', 'auto'], //默认尺寸['310px', '130px']：[宽度，高度]；当设置为auto时，意味着采用自适应（iframe层不能设置auto）, 对于宽度，并不推荐您设置auto。
		  page: {dom: '#sendWin'}, //页面层私有参数，{dom: '#id'}：页面已存在的弹层选择器 
		  move: '.home-w-t', //设定某个元素来实现对层的拖拽：用来拖拽的元素选择器；false：不用拖拽功能
		  bgcolor: '' //默认弹层的背景色：'#FFF'；''：空字符串为不设置背景色；对于type:0的对话框层而言，始终都是白色
		});

		$('#shut').on('click', function(){ //为已有关闭按钮绑定点击事件
		  layer.close(pageii); //用于手动关闭层，参数为调用layer时返回的索引值。
		});
	});
}();
</script>