<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>弹出层</title> <!--独立组件使用--> <!-- <link rel="stylesheet" type="text/css" href="layui/layer/layer.css"> <script src="layui/js/jquery-3.4.1.min.js" type="text/javascript" charset="utf-8"></script> <script src="layui/layer/layer.js" text="text/javascript" charset="utf-8"></script> --> <!--layui模块化使用--> <link rel="stylesheet" type="text/css" href="layui/css/layui.css"> <script src="layui/layui.js" text="text/javascript" charset="utf-8"></script> </head> <body> <!-- layui模块化使用 只需要引入layui的css与js文件,在script中使用layui.use()加载模块 --> <span>新闻</span> <span>体育</span> <span id="kj">科技</span> <script type="text/javascript"> //加载模块 layui.use("layer",function(){ var layer = layui.layer; //layer.msg("你好,Layer"); //信息框 /* layer.open({ type : 0, //title:系统消息,false:不显示标题 title:false, title:['标题','color:blue'], //content可以传入任意的文本或html content: "你好,Layer" }); */ //页面层 /* layer.open({ type:1, title:"系统消息", content:"<div style='height:200px;width:400px'>你好,Layer</div>" }); */ //iframe /* layer.open({ type:2 , title:"系统消息", //content可以是一个url,如果你不想让iframe出现滚动条,你还可以content:['url','no'] content:"http://www.163.com" //content:["http:///www.163.com",'no'], //area:'300px':设置宽度,高度自适应,area:['800px','400px']:设置宽高 }); */ //tip层 /* layer.open({ type:4, content:['科技','#kj'] }); */ //layer.alert('哈哈',{icon:1}); //layer.alert('处理失败',{icon:2}); //layer.alert("处理成功",{icon:6}); //layer.msg('不开心',{icon:5}); /* layer.msg('确定删除该记录吗?',{ time:0, //不自动关闭 btn:['删除','取消删除'], //按钮 yes:function(index){ layer.close(index); //关闭当前弹出框 layer.msg('记录已成功删除',{ icon:6, btn:['处理成功'] }); } }); */ layer.msg('玩命加载中......',function(){ //关闭后操作 layer.msg('(⊙o⊙)?'); }); //layer.load(2); }); </script> </body> </html>,今天小编就来说说关于layui项目教程学习?下面更多详细答案一起来看看吧!

layui项目教程学习(Layui第八天学习)

layui项目教程学习

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>弹出层</title> <!--独立组件使用--> <!-- <link rel="stylesheet" type="text/css" href="layui/layer/layer.css"> <script src="layui/js/jquery-3.4.1.min.js" type="text/javascript" charset="utf-8"></script> <script src="layui/layer/layer.js" text="text/javascript" charset="utf-8"></script> --> <!--layui模块化使用--> <link rel="stylesheet" type="text/css" href="layui/css/layui.css"> <script src="layui/layui.js" text="text/javascript" charset="utf-8"></script> </head> <body> <!-- layui模块化使用 只需要引入layui的css与js文件,在script中使用layui.use()加载模块 --> <span>新闻</span> <span>体育</span> <span id="kj">科技</span> <script type="text/javascript"> //加载模块 layui.use("layer",function(){ var layer = layui.layer; //layer.msg("你好,Layer"); //信息框 /* layer.open({ type : 0, //title:系统消息,false:不显示标题 title:false, title:['标题','color:blue'], //content可以传入任意的文本或html content: "你好,Layer" }); */ //页面层 /* layer.open({ type:1, title:"系统消息", content:"<div style='height:200px;width:400px'>你好,Layer</div>" }); */ //iframe /* layer.open({ type:2 , title:"系统消息", //content可以是一个url,如果你不想让iframe出现滚动条,你还可以content:['url','no'] content:"http://www.163.com" //content:["http:///www.163.com",'no'], //area:'300px':设置宽度,高度自适应,area:['800px','400px']:设置宽高 }); */ //tip层 /* layer.open({ type:4, content:['科技','#kj'] }); */ //layer.alert('哈哈',{icon:1}); //layer.alert('处理失败',{icon:2}); //layer.alert("处理成功",{icon:6}); //layer.msg('不开心',{icon:5}); /* layer.msg('确定删除该记录吗?',{ time:0, //不自动关闭 btn:['删除','取消删除'], //按钮 yes:function(index){ layer.close(index); //关闭当前弹出框 layer.msg('记录已成功删除',{ icon:6, btn:['处理成功'] }); } }); */ layer.msg('玩命加载中......',function(){ //关闭后操作 layer.msg('(⊙o⊙)?'); }); //layer.load(2); }); </script> </body> </html>

,