layer jquery 外掛
阿新 • • 發佈:2018-11-05
layer jquery 外掛 主要是用來做彈出層的。
下載引用
下載並解壓後,將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 //動畫型別 }); });