Layer 初始

￡神魔★判官ぃ 2021-09-17 13:28 342阅读 0赞

Layer 初始

介绍：很不错的一个弹出框解决方案

丰富多样的Web弹出层组件，可轻松实现Alert/Confirm/Prompt/普通提示/页面区块/iframe/tips等等几乎所有的弹出交互。目前已成为最多人使用的弹层解决方案

下载地址：http://layer.layui.com

使用方法：

1.  引入jQuery.js 
2.  引入layer.js 
3.  直接使用
4.   
5.  ![540671-20170831160759233-1556146437.png][] 
6.  简单使用代码：
    
    <!DOCTYPE html> 
    
    <html lang="en"> 
    
    <head> 
    
        <meta charset="UTF-8"> 
    
        <title>Document</title> 
    
         <script src="http://cdn.bootcss.com/jquery/1.12.3/jquery.min.js"></script> 
    
        <script src="layer.js"></script>     
    
        <script>//在这里面输入任何合法的js语句
    
        layer.open(\{ 
    
         type: 1 //Page层类型
    
         ,area: \['500px', '300px'\] 
    
         ,title: '你好，layer。' 
    
         ,shade: 0.6 //遮罩透明度
    
         ,maxmin: true //允许全屏最小化
    
         ,anim: 1 //0-6的动画形式，\-1不开启
    
         ,content: '<div style="padding:50px;">这是一个非常普通的页面层，传入了自定义的html</div>' 
    
        \}); 
    
        </script> 
    
    </head> 
    
    <body> 
    
    </body> 
    
    </html> 
7.  简单结合layui一起使用效果更好哇:http://www.layui.com/demo/
8.  Github:https://github.com/sentsin/layer

[540671-20170831160759233-1556146437.png]: /images/20210726/e38af20bee474e5aa2084146f9373490.png

发表评论取消回复

表情：

评论列表（有 0 条评论，342人围观）

还没有评论，来说两句吧...

相关阅读

相关 layer

layer.tips('Hi，我是tips', 'spTips', { tips: 2 }); ![20200910162203248.png][] [20200

野性酷女/ 2022年12月05日 12:28/ 0 赞/ 144 阅读

相关 Unity的三级排序层级渲染Layer,sorting layer,order in layer

一. 前言 Unity游戏开发中，模型、界面、特效等等，需要规划好层的概念，涉及到摄像机（Camera）、画布（Canvas）、Shader等相关内容。 Unity大致

偏执的太偏执、/ 2022年11月21日 14:46/ 0 赞/ 316 阅读

相关初始SpringMVC

spring和struts2都属于Spring框架的一部分，本文主要介绍了MVC的实现过程。 ![201609301617005

落日映苍穹つ/ 2022年07月16日 03:15/ 0 赞/ 128 阅读

相关 bolb layer

[Caffe源码解析1：Blob][Caffe_1_Blob] [caffe源码解析 — blob.cpp][caffe_ _ blob.

我就是我/ 2022年07月13日 08:58/ 0 赞/ 103 阅读

相关 layer.close()

error : function(info) \{ layer.open(\{ type : 1, closeBtn : false, shift : 6,

我就是我/ 2022年06月08日 14:29/ 0 赞/ 126 阅读

相关 vue-layer

npm: https://www.npmjs.com/package/vue-layer 原文:https://www.cnblogs.com/myIvan/p/956450

短命女/ 2021年12月15日 11:37/ 0 赞/ 217 阅读

相关 custom layer

function CPos(x, y) { this.x = x; this.y = y; } functi

àì夳堔傛蜴生んèń/ 2021年12月15日 10:47/ 0 赞/ 186 阅读

相关 JS初始

简单只和复杂值的区别 1.简单值简单值表示JS中可用的数据或信息的最底层简单形式。注：简单之不可被细化。也就是说，数字是数字，字符是字符，布尔值是true或

左手的ㄟ右手/ 2021年11月17日 10:48/ 0 赞/ 223 阅读

相关 Layer 初始

Layer 初始介绍：很不错的一个弹出框解决方案丰富多样的Web弹出层组件，可轻松实现Alert/Confirm/Prompt/普通提示/页面区块/iframe/tip

￡神魔★判官ぃ/ 2021年09月17日 13:28/ 0 赞/ 343 阅读

相关 caffe rpn layer 中的 reshape layer

Reshape层：(改变blob的形状，N,C,W,H) layer { name: "reshape" type: "Resh...

你的名字/ 2021年04月01日 19:30/ 0 赞/ 650 阅读