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. css- :before :after

    :before和:after的作用就是在指定的元素内容(而不是元素本身)之前或者之后插入一个包含content属性指定内容的行内元素,最基本的用法如下: #example:before { conte ...

  2. centos7 手把手从零搭建深度学习环境 (以TensorFlow2.0为例)

    目录 一. 搭建一套自己的深度学习平台 二. 安装系统 三. 安装NVIDA组件 四. 安装深度学习框架 TensorFlow 五. 配置远程访问 六. 验收 七. 福利(救命稻草

  3. 《数据结构与算法分析-Java语言描述》 分享下载

    书籍信息 书名:<数据结构与算法分析-Java语言描述> 原作名:Data Structures and Algorithm Analysis in Java 作者: 韦斯 (Mark A ...

  4. Java并发编程(三):ReentrantLock

    ReentrantLock是可以用来代替synchronized的.ReentrantLock比synchronized更加灵活,功能上面更加丰富,性能方面自synchronized优化后两者性能没有 ...

  5. Imagine— 让图片再小一点点

    文章选自我的博客:https://blog.ljyngup.com/archives/267.html/ 再次祭出神奇的Github 这次给大家介绍的是一款神奇的图片压缩软件,以质量的微小损失换取大量 ...

  6. Elasticsearch原理学习--为什么Elasticsearch/Lucene检索可以比MySQL快?

    转载于:http://vlambda.com/wz_wvS2uI5VRn.html 同样都可以对数据构建索引并通过索引查询数据,为什么Lucene或基于Lucene的Elasticsearch会比关系 ...

  7. 详解Java8的日期和时间API

    详解Java8的日期和时间API 在JDK1.0的时候,Java引入了java.util.Date来处理日期和时间:在JDK1.1的时候又引入了功能更强大的java.util.Calendar,但是C ...

  8. Java TreeMap使用方法

    1.使用默认的TreeMap 构造函数,其中key值需要有比较规则. 2.使用默认的TreeMap 构造函数,Key中添加自定义类型,自定义类型必须继承Comparator. 3.使用比较器类来来实现 ...

  9. apache工具

    组件 功能介绍HttpClient 提供HTTP客户端与服务器的各种通讯操作. 现在已改成HttpComponentsIO io工具的封装.Lang3 Java基本对象方法的工具类包 如:String ...

  10. [Python]List 过滤

    获取数据库列表屏蔽系统自带数据库 # 原代码 db_list_result = [('master', ), ('tempdb', ), ('model', ), ('msdb', ), ('stud ...