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

......

posted on 2016-05-24 16:37  杨杨0708  阅读(6013)  评论(0编辑  收藏  举报