博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Layer 初始
阅读量:4949 次
发布时间:2019-06-11

本文共 809 字,大约阅读时间需要 2 分钟。

Layer 初始

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

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

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

 

使用方法:

  1. 引入jQuery.js
  2. 引入layer.js
  3. 直接使用
  4.  
  5. 简单使用代码:

    <!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>

  6. 简单结合layui一起使用效果更好哇: http://www.layui.com/demo/
  7. Github: https://github.com/sentsin/layer

     

 

转载于:https://www.cnblogs.com/lovebing/p/7458795.html

你可能感兴趣的文章
多个viewpager可能产生的问题
查看>>
webdriver api
查看>>
转载-FileZilla Server源码分析(1)
查看>>
apache 实现图标缓存客户端
查看>>
MediaWiki左侧导航栏通过特殊页面就可以设置。
查看>>
html基础之DOM操作
查看>>
几种图表库
查看>>
揭秘:黑客必备的Kali Linux是什么,有哪些弊端?
查看>>
linux系统的远程控制方法——学神IT教育
查看>>
springboot+mybatis报错Invalid bound statement (not found)
查看>>
Linux环境下SolrCloud集群环境搭建关键步骤
查看>>
P3565 [POI2014]HOT-Hotels
查看>>
UVa11078:Open Credit System
查看>>
MongoDB的简单使用
查看>>
git clone 遇到的问题
查看>>
hdfs 命令使用
查看>>
hdu 1709 The Balance
查看>>
prometheus配置
查看>>
定宽320 缩放适配手机屏幕
查看>>
BZOJ 2120 数颜色 【带修改莫队】
查看>>