Layer 初始

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

     

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值