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. Java入门基础(类)

    类 在Java中表示自定义的数据类型,一个class可以是若干基本类型的组合. public class Student { public String id;//学号 public String n ...

  2. Java 继承_Chris

    题目: 编写一个应用程序,创建一个矩形类,类中具有长.宽两个成员变量和求周长的方法.再创建一个矩形类的子类——正方形类,类中定义求面积方法.重写求周长的方法.在主类中,输入一个正方形边长,创建正方形对 ...

  3. 使用Redis需要注意的几点

    Redis作为缓存中间件,被广泛应用在各类系统,用来提升系统性能和吞吐,下面总结几点开发人员在使用Redis时需要考虑的几个关键点: 一. key的设计 1. key命名规范:为了避免不必要的麻烦,我 ...

  4. 动态获取bind dns日志IP脚本

    #!/usr/bin/env python #_*_coding:utf-8_*_ ''' python deny_dns_allip.py your_filelog_name 动态获取dns日志的I ...

  5. 全文检索框架---Lucene

    一.什么是全文检索 1.数据分类 我们生活中的数据总体分为两种:结构化数据和非结构化数据.   结构化数据:指具有固定格式或有限长度的数据,如数据库,元数据等.   非结构化数据:指不定长或无固定格式 ...

  6. 同步锁——ReentrantLock

    本博客系列是学习并发编程过程中的记录总结.由于文章比较多,写的时间也比较散,所以我整理了个目录贴(传送门),方便查阅. 并发编程系列博客传送门 Lock接口简介 在JUC包下面有一个java.util ...

  7. OSCP收集

    推荐书籍: 渗透测试:黑客动手入门(+强烈推荐初学者) 黑客:剥削的艺术,第二版 Rtfm:Red Team Field手册 Web应用程序黑客手册:查找和利用安全漏洞 黑客手册:实用指南渗透测试 基 ...

  8. hexo--定制开发

    新建页面 hexo new page "新建博文章的名称" 这时会在工程的source目录下新建about目录,里面新建index.md 在主题的_configy.yml中配置新页 ...

  9. Deepin下将Caps映射为Control_L键

    xmodmap -e 'clear Lock' -e 'keycode 0x42 = Control_L'

  10. redis教程-基础数据结构

    需要整套redis缓存高可用集群教学视频的加qq:1324981084,本套视频从安装到集群的搭建和源码的解析,从零基础讲解. 一.Redis 有 5 种基础数据结构,分别为:string (字符串) ...