入门layer

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了入门layer相关的知识,希望对你有一定的参考价值。

    关于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的主要内容,如果未能解决你的问题,请参考以下文章

Layer从入门到精通-01, 你好 layer!

c_cpp [illumos和bsros datalink layer]用于观察dladm和libdladm行为的Dtrace片段#tags:dladm,datalink,数据链管理,

新手入门深度学习 | 3-3:神经网络层Layers

Atom编辑器入门到精通 Atom使用进阶

Cg入门20:Fragment shader - 片段级模型动态变色(实现汽车动态换漆)

Cg入门19:Fragment shader - 片段级模型动态变色