1. 程式人生 > >layer jquery 外掛

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 //動畫型別
		  });
		});