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