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("发布成功");

......