Layer 初始

￡神魔★判官ぃ 2021-09-17 13:28 363阅读 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 条评论，363人围观）

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

相关阅读

相关 layer

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

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

相关初始SQL

初始SQL必然首先要学习的是如何创建数据库 create database MySQL on primary ( name='MySQL\_da

淡淡的烟草味﹌/ 2022年05月27日 00:23/ 0 赞/ 208 阅读

相关 shrio初始

一：Shiro 1.shiro是一个安全框架使用shiro可以非常容易开发出足够好的应用，可以帮助我们完成：认证授权加密会话管理与web集成缓存等。 2.Shi

向右看齐/ 2022年05月11日 04:04/ 0 赞/ 186 阅读

相关初始Python

初始Python -------------------- 1.Python是一门什么样的编程语言？ Python是一种动态的、面向对象的脚本语言，最初被设计用于

柔光的暖阳◎/ 2022年05月01日 13:56/ 0 赞/ 189 阅读

相关初始JPA

一、初识 1. 什么是JPA JPA:(Java Persistence API) ORM的规范 JPA是规范,Hibernate是它的实现(不

灰太狼/ 2022年03月14日 15:18/ 0 赞/ 217 阅读

相关初始CSS

一、CSS的优势。内容与表现分离网页的表现统一，容易修改丰富的样式，使得页面布局更加灵活减少网页的代码量，增加网页的浏览速度，节省网络带宽运

- 日理万妓/ 2021年12月14日 07:45/ 0 赞/ 206 阅读

相关 JS初始

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

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

相关初始Git

GIT入门 1.什么是GIT Git是目前世界上最先进的分布式版本控制系统（没有之一）。关于版本控制系统，实际上有很多种，可以分成两块：付费免

短命女/ 2021年09月19日 13:50/ 0 赞/ 324 阅读

相关 Layer 初始

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

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

相关 zepto 初始

什么是zepto.js 概念：移动端开发框架,是jquery的轻量级代替品；API及语句同jquery相似，但文件更小(可压缩至8KB)。

╰半夏微凉°/ 2021年07月24日 14:17/ 0 赞/ 354 阅读