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. mplayer使用心得[转]

    一直在用mplayer,其他的播放器很少用.以下是我使用过程中的一些心得.  注意,下面用的路径都是在我的电脑上的路径,使用时请不要照抄!应该换成你的电脑上的正确路径.  一.首先还是讲安装方面的问题 ...

  2. 位运算在状态压缩DP中的应用

    一.判断一个数字X的i位是不是1 方法:   << (i-)) & x > )  原理: 1左移(i-1)位,相当于制造了一个就i位上是1其他位都是0的一个二进制数.将这个数 ...

  3. 情人节到了,Postman 都脱单了,那你咧?

    前言 Postman 是一款API接口调试工具,做过 Web 接口或多或少应该接触过. 通过它可以完成 Http 接口的调试,测试同学也可以基于此做一些自动化测试.另外 Postman 还提供其他高级 ...

  4. 视觉slam十四讲第七章课后习题7

    版权声明:本文为博主原创文章,转载请注明出处:http://www.cnblogs.com/newneul/p/8544369.html  7.题目要求:在ICP程序中,将空间点也作为优化变量考虑进来 ...

  5. ubuntu 如何添加alias

    公司的nx 上面一般使用gvim 编辑文件.并且为gvim 增加了alias,只要敲 g 就是gvim 的意思,这样编辑一个文件只需要 g xxx.v 就可以了.非常方便. 在自己电脑上安装了ubun ...

  6. StackExchange.Redis 之 hash 类型示例

    StackExchange.Redis 的组件封装示例网上有很多,自行百度搜索即可. 这里只演示如何使用Hash类型操作数据: // 在 hash 中存入或修改一个值 并设置order_hashkey ...

  7. LAMP: 分布式 HTTP 2.4.25 + PHP 5.4.13 + MySQL 5.5.28 分离部署

    目录 A. 环境说明:B. 效果截图:C. HTTP编译安装D. MySQL二进制安装E. PHP源码编译安装F. PHP连接HTTPG. PHP支持扩展功能xcacheH. PHP连接MySQLI. ...

  8. 5年从DBA到运维架构总监 — 做对了什么

    本文来自宝宝树运维总监刘秋岐的分享.随着MySQL的不断成熟,逐渐被用于更多大规模的网站和应用了,比如说当前最火的Facebook.淘宝.阿里.兰亭集势.宝宝树这样的大型的网站都在使用MySQL数据库 ...

  9. 二. 大数据常用的算法和数据结构 <<大数据日知录>> 读书笔记

    基本上是hash实用的各种举例 布隆过滤器 Bloom Filter 常用来检测某个原色是否是巨量数据集合中的成员,优势是节省空间,不会有漏判(已经存在的数据肯定能够查找到),缺点是有误判(不存在的数 ...

  10. [redis读书笔记] 第二部分 单机数据库 RDB持久化

    内存中的rdb是会存为文件以做到RDB持久化的.RDB文件时一个二进制文件. 一 载入与存储 文件的载入是在server启动时进行的(rdbload()),因为AOF的更新频率比RDB高,所以如果AO ...