1、layer.alert

  layer.alert('见到你真的很高兴', {icon: 6});

  效果图

  1. layer.alert('墨绿风格,点击确认看深蓝', {
  2. skin: 'layui-layer-molv' //样式类名 自定义样式
  3. ,closeBtn: 1 // 是否显示关闭按钮
  4. ,anim: 1 //动画类型
  5. ,btn: ['重要','奇葩'] //按钮
  6. ,icon: 6 // icon
  7. ,yes:function(){
  8. layer.msg('按钮1')
  9. }
  10. ,btn2:function(){
  11. layer.msg('按钮2')
  12. }});
  13.  
  14.   

  1.  

2、layer.msg

  

  layer.msg("一秒后跳转到主页", { time: 1000 }, {icon: 6},function () {
    layer.close(index);
    window.location.href = "../Home/Index"
  })

  eg:

  1.   layer.msg('大部分参数都是可以公用的<br>合理搭配,展示不一样的风格', {
  2.    time: 2000, //2s后自动关闭
  3.    btn: ['明白了', '知道了', '哦']
  4.   });

  回调

  

  layer.msg('也可以这样', {
    btn: ['明白了', '知道了']
    ,yes: function(index, layero){
      layer.msg("按钮1回调,参数是:"+index)
    }
  ,btn2: function(index, layero){
      //按钮【按钮二】的回调
      layer.msg("按钮2回调,参数是:"+index)
      return false //开启该代码可禁止点击该按钮关闭
    }
  });

3、layer.open

  1. layer.open({
  2. type: 1
  3. ,title: "open方式弹出层" //不显示标题栏 title : false/标题
  4. ,closeBtn: true
  5. ,area: '300px;'
  6. ,shade: 0.8
  7. ,id: 'LAY_layuipro' //设定一个id,防止重复弹出
  8. ,resize: false
  9. ,btn: ['火速围观', '残忍拒绝']
  10. ,btnAlign: 'c'
  11. ,moveType: 1 //拖拽模式,0或者1
  12. ,content: '<div style="padding: 50px; line-height: 22px; color: #fff; font-weight: 300;">内容<br>内容</div>'
  13. ,success: function(layero){
  14. var btn = layero.find('.layui-layer-btn');
  15. btn.find('.layui-layer-btn0').attr({
  16. href: 'http://www.layui.com/'
  17. ,target: '_blank'
  18. });
  19. }
  20. });

 4、layer.confirm

  $("#xx").click(function(){

    layer.confirm("提示信息",{

      btn:["确定","取消"]

      shade:false

         }),

    function(index){

      //点击确定执行的方法

    }

})

  1.  

layer 中的 layer.alert layer.msg layer.confirm的更多相关文章

  1. 隐藏Layer中的Iframe内部元素

    隐藏Layer中的Iframe内部元素 1.Layer:一个web弹出层/窗解决方案 2.隐藏Layer弹出层中Iframe内部的元素,例子如下: 这个就是在Layer弹出层内的内容,加载完毕之后,获 ...

  2. Layer中自定义属性的动画

    转载自:http://blog.jobbole.com/69211/ 默认情况下,CALayer 及其子类的绝大部分标准属性都可以执行动画,无论是添加一个 CAAnimation 到 Layer(显式 ...

  3. Layer 中自定义属性的动画

    原文:http://objccn.io/issue-12-2/ Layer 中自定义属性的动画     默认情况下,CALayer 及其子类的绝大部分标准属性都可以执行动画,无论是添加一个 CAAni ...

  4. 将 context node 中的内容 分配给 desing layer

    1 将 context node 中的内容 分配给 desing layer 选中context node 右键>assignment to design layer.

  5. layer中每次用到都要查来查去的功能

    1.关闭当前弹出层 var index = parent.layer.getFrameIndex(window.name); setTimeout(function(){parent.layer.cl ...

  6. Yii2的相关学习记录,alert等美化、confirm异步、session中的flash及小部件的使用(六)

    呃,系统自带的alert.confirm等弹出框实在是难看,作为一个颜控,这能忍? 这里我用的是kartik-v/yii2-dialog,这个是基于bootstrap3-dialog这个来做了一些常用 ...

  7. easyui 中iframe嵌套页面,提示弹窗遮罩的解决方法,parent.$.messager.alert和parent.$.messager.confirm

    项目中用到easyui 布局,用到north,west,center三个区域,且在center中间区域嵌入iframe标签.在主内容区做一些小提示弹窗(例如删除前的弹窗提示确认)时,会遇到遮罩问题,由 ...

  8. jquery仿alert提示框、confirm确认对话框、prompt带输入的提示框插件[附实例演示]

    jquery仿alert提示框.confirm确认对话框.prompt带输入的提示框插件实例演示 第一步:引入所需要的jquery插件文件: http://www.angelweb.cn/Inc/eg ...

  9. layer弹出层框架alert与msg详解

    ayer至今仍作为layui的代表作,她的受众广泛并非偶然,而是这五年多的坚持,不断完善和维护.不断建设和提升社区服务,使得猿们纷纷自发传播,乃至于成为今天的Layui最强劲的源动力.目前,layer ...

随机推荐

  1. .NET中的FileUpload控件的使用-原生JS(二)

    本篇使用原生JS进行数据传输,使用FileUpload控件上传文件,适配IE. HTML <div class="container"> <div class=& ...

  2. Android事件分发机制浅析(2)

    本文来自网易云社区 作者:孙有军 上面的两次执行中每次都调用了onInterceptTouchEvent事件,这个到底又是啥?我们去看看他的返回值是什么? public boolean onInter ...

  3. Mac OS 10.12 - 如何关闭Rootless机制?

    一,进入恢复模式(Recovery):具体操作方法参见下面这篇博客: http://www.cnblogs.com/sunylat/p/6414697.html 二,关闭Rootless机制 1,选择 ...

  4. LCS2 - Longest Common Substring II(spoj1812)(sam(后缀自动机)+多串LCS)

    A string is finite sequence of characters over a non-empty finite set \(\sum\). In this problem, \(\ ...

  5. webpack快速入门——实战技巧:开发和生产并行设置

    package.json中,devDependencies和dependencies是不同的 devDependencies:开发依赖 dependencies:生产依赖(线上) 1.安装生产环境的依 ...

  6. 《Vue 编程房内考》

    古人有云:码农爱coding,则为之计深远. 众人问:何为之? 古人曰:底层.算法和架构. 众木然. 古人又曰:多看源码. 以下内容是我在学习 Vue-2.5.2 源码时的一个总结. 第一章 活捉Vu ...

  7. MySQL 高级查询操作

    目录 MySQL 高级查询操作 一.预告 二.简单查询 三.显示筛选 四.存储过程 五.查询语句 1.作为变量 2.函数调用 3.写入数据表 备注 附表一 附表二 相关文献 博客提示 MySQL 高级 ...

  8. java中的安全模型(沙箱机制)

    java中的安全模型(沙箱机制) java安全沙箱(一)之ClassLoader双亲委派机制 java安全沙箱(二)之.class文件检验器 java安全沙箱(三)之内置于Java虚拟机(及语言)的安 ...

  9. 使用泛型SwingWorker与EDT事件分发线程保持通讯

    为什么要使用SwingWorker 在swing开发中,如果一个应用程序,执行一些任务,需要大量的时间来完成,比如下载一个大文件或执行一个复杂的数据库查询. 我们假设这些任务是由用户使用一个按钮触发的 ...

  10. rabbitmq系列二 之工作队列

    ---恢复内容开始--- 1.工作队列的简介 在上一篇中,我们已经写了一个从已知队列中发送和获取消息的程序,在这里,我们创建一个工作队列(work queue), 会发送一些耗时的任务给多个工作者.模 ...