zoukankan      html  css  js  c++  java
  • layer弹出框的用法

    页面中引入  layer.js 就行了

    1、弹出一个提示信息;

    layer.msg("我是哦提示信息");

    2、弹出一个带选择的按钮的框

    layer.open({
                    title: '删除'
                    ,content: '您确定要删除此游客信息吗?',
                    yes: function(index, layero){
                            var trackerType = $(_this).parents("tr").find(".tracker_type").val();
                            defultNum(trackerType);
                            $(_this).parents("tr").remove();
                        layer.close(index);
                    }
                });     
    layer.close(index);
    //关闭当前的 弹出框

     3、弹出一个自定义html内容的弹层

    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>'
    });    
      

    4、关闭弹出层

    //当你想关闭当前页的某个层时
    var index = layer.open();
    var index = layer.alert();
    var index = layer.load();
    var index = layer.tips();
    //正如你看到的,每一种弹层调用方式,都会返回一个index
    layer.close(index); //此时你只需要把获得的index,轻轻地赋予layer.close即可
     
    //如果你想关闭最新弹出的层,直接获取layer.index即可
    layer.close(layer.index); //它获取的始终是最新弹出的某个层,值是由layer内部动态递增计算的
     
    //当你在iframe页面关闭自身时
    var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
    parent.layer.close(index); //再执行关闭  

     4、加载层

    /加载层
    
    var index = layer.load(0, {shade: false}); //0代表加载的风格,支持0-2
    //loading层
    
    var index = layer.load(1, {
      shade: [0.1,'#fff'] //0.1透明度的白色背景
    });

     

  • 相关阅读:
    BUUCTF-web ZJCTF,不过如此
    BUUCTF-web ikun(Python 反序列化)
    BUUCTF-web web1 (无列名注入)
    求前 n 个正整数的 k 次方和
    增根和失根:解方程的逻辑问题
    斜二测画法的经验公式
    像素转换mm
    正则表达式收集
    (转)mssql sp_addextendedproperty 用法,作用
    (转).net平台下垃圾回收机制
  • 原文地址:https://www.cnblogs.com/haonanZhang/p/6645629.html
Copyright © 2011-2022 走看看