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. 在jsp页面下, 让eclipse完全支持HTML/JS/CSS智能提示

    我们平时用eclipse开发jsp页面时智能提示效果不太理想,今天用了两个小时发现了eclipse也可以像Visual Studio 2008那样完全智能提示HTML/JS/CSS代码,使用eclip ...

  2. C# 接口和继承

    转:https://www.cnblogs.com/songhe123/p/9558545.html 接口是方法的抽象,如果不同的类有同样的方法,那么就应该考虑使用接口. 例1: using Syst ...

  3. Codeforces_820

    A.直接模拟. #include<bits/stdc++.h> using namespace std; int c,v0,v1,a,l; int main() { ios::sync_w ...

  4. ARTS Week 8

    Dec 16, 2019 ~ Dec 22, 2019 Algorithm Problem 53 Maximum Subarray 最大子数组 题目链接 题目描述:给定一个数组,在所有连续的子数组中, ...

  5. 第3章 JDK并发包(二)

    3.1.2 重入锁的好搭档:Condition条件 它和wait()和notify()方法的作用是大致相同的.但是wait()和notify()方法是和synchronized关键字合作使用的,而Co ...

  6. Python3(九) 闭包

    一. 一切皆对象 函数式编程并没有标准定义,如果代码非常繁琐则考虑使用. 学习闭包的概念,不是python独有的. 其他大多数语言中的函数只是一段可执行的代码,并不是对象. python中的函数是对象 ...

  7. sys.stdout.write和print和sys.stdout.flush

    1. 先看下官方文档 """ sys.stdout.write(string) Write string to stream. Returns the number of ...

  8. css架构技巧

    1. 写一个reset.css 用于清除浏览器标签默认样式并定义全局样式,这样就不会因为浏览器默认样式出现问题,因为不同浏览器的默认样式还是不一样的

  9. Nginx-2.初学者使用

    原文 Nginx有一个master进程和几个worker进程.master进程用来读取和评估配置文件,以及维护worker进程.worker进程用来处理实际的请求.Nginx使用事件模型和基于操作系统 ...

  10. asp.net core 3.x Identity

    一.前言 这方面的资料很多,重复的写没必要,但是最近一直在学习身份验证和授权相关东东,为了成体系还是写一篇,主要是从概念上理解identity系统. 参考:https://www.cnblogs.co ...