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 //动画类型
		  });
		});

猜你喜欢

转载自blog.csdn.net/purple_lumpy/article/details/82997839
今日推荐