1,提示

    document.getElementById("cloWd").onclick = function(){
      layer.confirm('您确定要关闭吗?',{btn: ['确定', '取消'],title:"温馨提示"}, function(){
        window.location.href = "http://127.0.0.1:12345/"
    });
      // layer.open({
      //   title: '在线调试'
      //   ,content: '可以填写任意的layer代码'
      // });
      // layer.alert('墨绿风格,点击确认看深蓝', {
      //   skin: 'layui-layer-molv' //样式类名
      //   ,closeBtn: 0
      //   }, function(){
      //   layer.alert('偶吧深蓝style', {
      //   skin: 'layui-layer-lan'
      //   ,closeBtn: 0
      //   ,shift: 4 //动画类型
      //   });
      //   });
      //   layer.msg('您的航班价格已变动,请返回重新选择航班!', {
      //     time: 10000,
      //     shade : [0.6 , '#000' , true],
      //     btn: ["返回列表", "关闭"],
      //     yes: function () { history.back(); }
      // });
        // if (window.confirm("您确定要关闭吗?")) { 
        //   // window.location.href = "http://127.0.0.1:12345/"
        // }

2,用layer 模拟密码框

        layer.prompt({
            formType: 1,  //输入框类型,支持0(文本)默认1(密码)2(多行文本)
            // value: 'ttt', //初始时的值,默认空字符
            maxlength: 10,  //可输入文本的最大长度,默认500
            title: '请输入访问密码',
            // area: ['800px', '350px'], //自定义文本域宽高
            offset:['42%','60%'],  //定义弹出窗的位置
            closeBtn: 0,  //是否显示关闭按钮
            shade: false,
            shade: [0], //背景遮罩透明度
            shadeClose: false, //点击遮罩关闭层
            btn: ['确定'], //自动义多个按钮
            // fixed: true, // 不随滚动条滚动
            move: false, // 静止拖拽
            // yes: function(index, layero){
            //     //按钮【按钮一】的回调,只是回调无法获取输入值
            // },
            // btn2: function(index, layero){
            //     //按钮【按钮二】的回调
            //     //return false 开启该代码可禁止点击该按钮关闭
            // },
            style: 'position:fixed;'
            },
            // 点击确定后的响应方法
            function(value, index, elem){
                if('603833' == value){
                    layer.close(index);
                    document.getElementById('topImg').style.display = "none";
                }else{
                    layer.msg('密码输入错误!', {
                        icon: 2,
                        time: 1000 //1秒关闭(如果不配置,默认是3秒)
                    }, function(){
                        //提示关闭后做什么
                    }); 
                }
            }
        );

H5_0027:Layer使用的更多相关文章

  1. 关于Layer弹出框初探

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

  2. layer.js中layer.tips

    <script src="~/Content/js/layer/layer.js"></script> layer.tips('名称不能为空', '#pro ...

  3. 弹出层layer的使用

    弹出层layer的使用 Intro layer是一款web弹层组件,致力于服务各个水平段的开发人员.layer官网:http://layer.layui.com/ layer侧重于用户灵活的自定义,为 ...

  4. layer弹出信息框API

    首先向大家推荐layer,在这里也非常感谢贤心的贡献,非常不错的信息框及弹出层解决方案,为一些项目的前端开发提高了很大的效率,希望layer 越办越好! 下面是API,呵呵,官方抄袭过来的,为了自己看 ...

  5. 如果layer层在iframe下不居中滚动

    需要在layer前面加上parent.layer. 2.运用layer层的步骤: 1.引入1.8版本以上的jquery文件 <script type="text/javascript& ...

  6. iOS CoreAnimation详解(一) 有关Layer的动画

    以前由于项目需要 也写了一些动画 ,但是知识不系统,很散.这段时间趁着项目完成的空袭,来跟着大神的脚步系统的总结一下iOS中Core Animation的知识点. 原博客地址:http://blog. ...

  7. web 前端常用组件【07】弹出层 Layer

    web 项目中总是需要弹出框,来让用户进行下一步的操作. 大到弹出另外一个页面,小到弹出提示.确认等. 经手几个项目,还是感觉 Layer 用起来比较的轻松,你能想到的 Layer 都能帮你做到. 感 ...

  8. layer.open打开iframe页面的调用父页面方法及关闭

    //调用父类方法 window.parent.exportData($('#shownum').val(),$('#splitstr').val()); //关闭iframe页面var index = ...

  9. layer弹出框小结

    1.layer.open() // 1.打开弹出层 layer.open({ type:1, //基本层类型 icon:, //图标 content:'请核对信息!', //内容 shade:0.3, ...

随机推荐

  1. centos6.5下oracle11g下OGG单向复制

    命名规范: local==> l remote==> r extract==> x data pump==> p ------------------------------- ...

  2. c语言小游戏-扫雷的完成

    C语言-扫雷游戏 本文将对此游戏做一个大致的概述,此代码适合初学者,编写软件使用了vs2017. 该代码可以实现如下功能: 1.用户可以选择3个难度,分别布置不同个数的雷. 2.随机数设置雷的位置. ...

  3. c++ 中变量成员的初始化时机

    代码如下: 注意一下我打断点的位置. 最后的结果: 在程序进入MyTest()的函数体之前,控制台就打印出来了I have been constructed. 即:在进入构造函数的函数体之前,类中的成 ...

  4. 鸭子类型 - Duck Typing

    还是先看定义 duck typing, 鸭子类型是多态(polymorphism)的一种形式.在这种形式中,不管对象属于哪个, 也不管声明的具体接口是什么,只要对象实现了相应的方法,函数就可以在对象上 ...

  5. 使用jQuery的插件jquery.corner.js来实现圆角效果-详解

    jquery.corner.js可以实现各种块级元素的角效果,以下为演示,详见jquery_corner.html中的注释部分,并附百度盘下载 jquery_corner.html代码如下: < ...

  6. Samba搭建Linux和Windows文件共享服务

    一.Samba简介 Samba是在Linux和UNIX系统上实现SMB协议的一个免费软件,由服务器及客户端程序构成.SMB(Server Messages Block,信息服务块)是一种在局域网上共享 ...

  7. 浅谈Linux与unix系统的来历

    在今天的UNIX是商业化的,UNIX系统大多是与硬件配套的,也就是说,大多数UNIX系统如AIX.HP-UX等是无法安装在 x86 服务器和个人计算机上的,UNIX系统是一个分时系统,而UNIX是至关 ...

  8. CentOS与Ubuntu的区别

    学习博客:https://www.cnblogs.com/lirongzheng/p/8250511.html 更多Ubuntu相关信息见Ubuntu 专题页面 http://www.linuxidc ...

  9. linux学习--1. 文件系统

    文件目录结构 闲话篇: linux我也是最近才开始学,写随笔是为分享学习经验的同时也留着供自己以后来参考.因为linux一切皆文件的基本哲学思想.所以我决定从文件目录开始写. 正文: 首先linux文 ...

  10. 1. c++实现最最最原始人的数字时钟

    网课c++第一次作业,学到了iomanip库文件里的setw(),setfill()等函数,自己完成作业时搜着学到了Windows.h库文件里的sleep(),system("cls&quo ...