它也是基於bootstrap的js,css,然後再引入layer.js

https://www.cnblogs.com/phpnan/p/6541335.html

下載地址https://download.csdn.net/download/kxj19980524/10832565

<link href="${pageContext.request.contextPath}/static/bootstrap-3.3.7-dist/css/bootstrap.css" rel="stylesheet">
<link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/witkey.css"></link>
<link rel="stylesheet" href="${pageContext.request.contextPath}/static/bootstrap-3.3.7-dist/table/bootstrap-table.css"></link>
<!-- HTML5 shim 和 Respond.js 是為了讓 IE8 支援 HTML5 元素和媒體查詢（media queries）功能 -->
<!-- 警告：通過 file:// 協議（就是直接將 html 頁面拖拽到瀏覽器中）訪問頁面時 Respond.js 不起作用 -->
<!--[if lt IE 9]>
<![endif]-->
<!-- jQuery (Bootstrap 的所有 JavaScript 外掛都依賴 jQuery，所以必須放在前邊) -->
<script src="${pageContext.request.contextPath}/static/common/jquery-2.2.3.min.js"></script>
<script src="${pageContext.request.contextPath}/static/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
<script src="${pageContext.request.contextPath}/static/bootstrap-3.3.7-dist/table/bootstrap-table.js"></script>
<script src="${pageContext.request.contextPath}/static/bootstrap-3.3.7-dist/table/locale/bootstrap-table-zh-CN.js"></script>
<script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
<script src="${pageContext.request.contextPath}/static/bootstrap-3.3.7-dist/assets/layer/layer.js" type="text/javascript"></script>
 

layer.alert('墨綠風格，點選確認看深藍', {
      skin: 'layui-layer-molv' //樣式類名  自定義樣式
      ,closeBtn: 1    // 是否顯示關閉按鈕
      ,anim: 1 //動畫型別
     ,btn: ['重要','奇葩'] //按鈕
      ,icon: 6    // icon
      ,yes:function(){                //點選確定的回撥函式
          layer.msg('按鈕1')
      }
     ,btn2:function(){               //取消的回撥函式
      layer.msg('按鈕2')
}});
 

效果圖