layer彈窗插件實戰用法小結1—— layer.alert()

http://layer.layui.com 

 

第一節：layer.alert()彈窗的用法

1、解壓layer-v2.2.zip壓縮包

2、拷貝layer文件夾到實戰項目目錄

3、注意：layer.js是依賴jquery的，所以需要寫上以下兩行代碼

    <script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
    <script type="text/javascript" src="js/layer/layer.js"></script>

4、layer文件夾中的css文件在skin目錄中，但這里面的兩個css文件無需引用，只需引入layer.js，它自動會引用這兩個css文件給彈窗加上樣式，

但前提是，目錄結構是固定的layer.js同級的是skin目錄才行，因為這時layer.js的引用路徑，不能變。

5、實戰代碼：

......

        if(num==0||num>140){
            layer.alert('不符合發布要求，請檢查', {//第一個參數是提示文本
                skin: 'layui-layer-lan'//藍色外框皮膚
                ,closeBtn: 0//沒有關閉按鈕
                ,shift: 5 //動畫類型，為5的動畫效果不突兀，動畫效果類型還可以是1,2,3,4,....
            });
//          alert("不符合發布要求，請檢查");
        }else{
            layer.alert('發布成功', {
                skin: 'layui-layer-lan'
                ,closeBtn: 0
                ,shift: 5 //動畫類型
            });
//          alert("發布成功");

......