layer jquery 插件

layer jquery 插件 主要是用来做弹出层的。

官网：http://layer.layui.com/

 

下载引用

下载并解压后，将layer 文件夹放在自己工程目录下，引入layer.js（先引入jquery文件）即可使用。

 

弹出层的调用

调用弹出层非常简单

1） 最简单的弹出层

layer.alert('内容');

2） 第三方扩展皮肤

		//第三方扩展皮肤
		layer.alert('内容', {
		  icon: 1,
		  skin: 'layer-ext-moon' //该皮肤由layer.seaning.com友情扩展。关于皮肤的扩展规则，去这里查阅
		})

3）复杂的例子

		//询问框
		layer.confirm('您是如何看待前端开发？', {
		  btn: ['重要','奇葩'] //按钮
		}, function(){
		  layer.msg('的确很重要', {icon: 1});
		}, function(){
		  layer.msg('也可以这样', {
		    time: 20000, //20s后自动关闭
		    btn: ['明白了', '知道了']
		  });
		});

4) 提示层

		//提示层
		layer.msg('玩命提示中');

5） 墨绿深蓝风

		//墨绿深蓝风
		layer.alert('墨绿风格，点击确认看深蓝', {
		  skin: 'layui-layer-molv' //样式类名
		  ,closeBtn: 0
		}, function(){
		  layer.alert('偶吧深蓝style', {
		    skin: 'layui-layer-lan'
		    ,closeBtn: 0
		    ,anim: 4 //动画类型
		  });
		});