标签：layer head oct query href htm 简单的 pad 自定义
关于layer,这是一个极其简易又好用的web弹窗插件。
首先附上官网链接 layer.laryui.com ,
layer是laryui中的一个极具特色的组件,但它并不依赖于laryui,而是基于jQuery1.8以上的,所以我们要使用layer,页面需要引入的文件就要jQuery和layer.
layer上手非常简单,官网上有许许多多的案例,弹窗弹层的样式也相当多,基本上能符合工作生活中使用,当然如果你觉得样式还不够美观或者不符合你的要求,也是可以自己修改样式的
下面代码提供一个简单的弹窗,代码极少
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8" /> 5 <title>Document</title> 6 </head> 7 <body> 8 <button id="test2">layer</button> 9 </body> 10 <script src="jquery-3.2.1.min.js"></script> //修改路径 11 <script src="./layer-v3.0.3/layer/layer.js"></script> 12 <script > 13 $(‘#test2‘).on(‘click‘, function(){ 14 layer.open({ 15 type: 1, 16 area: [‘600px‘, ‘360px‘], 17 shadeClose: true, //点击遮罩关闭 18 content: ‘\<\div class="img1" style="padding:20px;">自定义内容\<\/div>‘ 19 }); 20 }); 21 </script> 22 </html>
标签：layer head oct query href htm 简单的 pad 自定义
原文地址：http://www.cnblogs.com/five5555/p/five5555.html
