zoukankan      html  css  js  c++  java
  • layer.js漂亮的弹出框

    它的官方网站:http://layer.layui.com/

    消息、确认框、ifame、自定义文本、旋转木马,都有按钮,是一款强大的js 弹出框;

    以下为本人的简单介绍:
      
     1  layer.open({
     2                      type: 1,  //1代表 content的值例如:'文本'   ;2 代表 content的值例如'../index.html'
     3                      area: ['450px', '220px'],//显示的弹出框的宽度和高度
     4                      //            skin: 'layui-layer-rim', //加上边框
     5                      content: '<div style="height: 130px; ">  受理。</div>'   
     6              , btn: ['确定' + 你的变量+ '', '取消','第三个按钮']  // 三个按钮的text值
     7             , yes: function (index, layero) { //或者使用btn1
     8                 //  layer.closeAll(); 或者用 layer.close(index); 关闭 现在的弹出框
     9                 //按钮【按钮一】的回调
    10             }, cancel: function (index) { //或者使用btn2
    11                 //按钮【按钮二】的回调  
    12               //本身自带关闭弹出框功能
    13             },btn3: function(index, layero){ //按钮【按钮三】的回调 }
    14         });

    如果要自定义样式,个人认为直接在浏览器里,调试样式,复制到你的head标签;

  • 相关阅读:
    HttpServletRequest字符集问题
    原码反码补码
    无符号1byte转int
    初识spark的MLP模型
    冗余系统必要性
    shiro的rememberMe不生效
    阅读笔记-异常
    优雅的处理异常
    使用Maven搭建SpringMVC
    Jmeter发送soap请求
  • 原文地址:https://www.cnblogs.com/woloveprogram/p/4958813.html
Copyright © 2011-2022 走看看