1. 程式人生 > >彈出框layer,一個好用外掛

彈出框layer,一個好用外掛

layer是一個包含警告框、詢問框、提示框、loading提示等等一個小巧的js外掛。

1、引入js檔案(為了方便,引入外鏈cdn):
<!-- 你必須先引入jQuery1.8或以上版本 -->
<script src="https://cdn.bootcss.com/jquery/3.3.0/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/layer/3.1.0/layer.js"></script>
2、使用具體示例
詢問框示例:
var r=  layer.confirm(
'確認下載嗎?',function () { domains = domains.substr(0, domains.length - 1); location.href = '/newDc/zip?ids=' + domains; layer.close(r); },function () { });
警告框示例:(修改文字樣式和關閉回撥操作)
var msg = "提交成功,小編稽核通過後會與你聯絡哦!<br><span style='color: red;font-weight: bold'>諮詢QQ群:123456</span>"
; layer.open({ content: msg, end: function(index, layero){ #關閉回撥操作 //do something location.href='/plan/index'; } });

結果: 在這裡插入圖片描述