zoukankan      html  css  js  c++  java
  • Layui中JS实现弹出层的应用

    <button type="button" id="tab_1" data-method="setTop" class="layui-btn layui-btn-primary">点我</button>

    <script>

    //弹出一个页面层
    var oBtn = document.getElementById('tab_1');
    oBtn.onclick = function (){
    layer.open({
    type: 1,
    area: ['500px', '360px'],
    shadeClose: true, //点击遮罩关闭
    content: '<div style="padding:20px;"><textarea rows="13" cols="60">自定义内容</textarea></div>',
    btn: ['确定', '取消'],
    yes: function(index, layero) {
    layer.msg('已确定');
    },
    btn2: function(index, layero) {
    layer.msg('已取消');

    return false //开启该代码可禁止点击该按钮关闭
    }
    });

    layer.open({
    type: 2,
    skin: 'layui-layer-demo', //样式类名
    title: '标题',
    closeBtn: 0, //不显示关闭按钮
    anim: 2,
    area: ['893px', '600px'],
    shadeClose: true, //开启遮罩关闭
    content: '。。。。.html'
    });
    这是layui弹出层的代码,其中,type属性表示弹出层的类型,type为1 ,content显示的是纯文本内容,type为2,content为跳转页面

    }

    </script>

  • 相关阅读:
    DRF小结
    js中BOM与DOM的概念与区别
    css单位分析、颜色设置与调色板
    css中伪类与伪元素的区别
    flexbox与grid layout的区别
    grid的简单使用
    position属性的总结
    html,css
    homework
    aboutme and my goal
  • 原文地址:https://www.cnblogs.com/Ao-min/p/13158541.html
Copyright © 2011-2022 走看看