layer.js弹出框

 if (index == 0 && name == "globalLettersClosureRate") {

                        layer.open({
                            type: 1,//默认:0信息框0(信息框,默认)1(页面层)2(iframe层)3(加载层)4(tips层)。若你采用layer.open({type: 1})方式调用,则type为必填项(信息框除外)
                            title: "我是标题",//默认:消息,如title:'我是标题',如title:['文本','font-size:18px'],如果不需要设置title:false,
                            @*content: '@Url.Content("~/Home/idx_globalLettersClosureRate")',*@
                            content: $('#id'),//默认:"",type: 1,content可传入的值是灵活多变的,不仅可以传入普通的html内容,还可以指定DOM,更可以随着type的不同而不同,如:content:"传入文字",
                            // content: $('#id'),//传入DOM
                            //content: 'http://baidu.com',//type:2,这里content是一个URL,如果你不想让iframe出现滚动条,你还可以content: ['http://sentsin.com', 'no']
                            //content: ['内容', '#id'], //type: 4,数组第二项即吸附元素选择器或者DOM
                            skin: '',//默认:"",样式类名skin有:layui-layer-lan、layui-layer-molv,也可以自定义
                            area: [], //默认:'auto',默认状态下,layer是宽高都自适应的,但当你只想定义宽度时,你可以area: '500px',高度仍然是自适应的。当你宽高都要定义时,你可以area: ['500px', '300px']
                            offset: 'tr',//默认:垂直水平居中,offset默认情况下不用设置。但如果你不想垂直水平居中,你还可以进行以下赋值:t,r,b,l,tr,tb,['100px','50px']..
                            icon: -1,//默认:-1(信息框)/ 0(加载层)信息框默认不显示图标。当你想显示图标时,默认皮肤可以传入0-6,如果是加载层,可以传入0-2。
                            closeBtn: 2,//默认值是1,1/2/false,关闭按钮显示的类型
                            shade: [0.8, '#393D49'],//默认值是0.3 #000,改遮罩的颜色
                            shadeClose: true,//默认值是false 
                            fixed: false,//默认值是true,滚动时图层是否固定在可视区域
                            time: 0,//默认不会关闭,可以设置类似--time:5000(5秒)关闭
                            anmi: 0,//默认是0,值:0-6
                            maxmin: true,//默认false,只对type:1,和type:2有效
                            resize: true, //默认true,情况下,在弹层右下角拖动来拉伸尺寸。如果对指定的弹层屏蔽该功能,设置 false即可。该参数对loading、tips层无效
                            scrollbar: true,//默认true,允许浏览器滚动
                            maxWidth: 360,//默认360,只有当area:'auto'时,maxWidth才有效
                            zIndex: 19891014,//?用于解决与其他组件层叠冲突
                            move: ".class",//默认值是'layui-layer-title',触发标题区域拖拽,也可以自定义,如:"DOM元素"
                            moveOut: true,//默认:false,是否允许拖拽到窗口外
                            moveEnd: null,//默认不会触发,拖拽后的回调方法,moveEnd:function(){}
                            
                            tips: 3,//默认是2,tips层的私有参数,支持上右下左四个方向,1-4,也可以设置颜色tips:[1,'#f00']
                            tipsMore: false,//默认是false,是否允许多个tips,允许多个意味着不会销毁之前的tips层。通过tipsMore: true开启
                            seccess: null,//默认null,层弹出后的成功回调方法,当你需要在层创建完毕时即执行一些语句,可以通过该回调。success会携带两个参数,分别是当前层DOM当前层索引。
                            end: null,//默认null,无论是确认还是取消,只要层被销毁了,end都会执行,不携带任何参数。
                            //full/ min / restore,//默认null,分别代表最大化、最小化、还原 后触发的回调, 携带一个参数,即当前层DOM

                            btn: ['我知道了', 'cancel', '按钮3'],//默认是确认按钮,按钮1,和按钮2回调分别是yes和cancel,从第三个开始,回调为:btn3:function(){}以此类推
                            yes: function (index, layero) {//默认null 确定按钮回调方法,该回调携带两个参数,分别为当前层索引、当前层DOM对象。
                                //do something
                                layer.open({
                                    type: 1,
                                    content: "yes",
                                })
                            },
                            cancel: function (index) {//默认null 该回调同样只携带当前层索引一个参数,无需进行手工关闭。如果不想关闭,return false即可
                                if (confirm('确定要关闭么')) {//只有当点击confirm框的确定时,该层才会关闭
                                    layer.close(index)
                                }
                                return false;
                            },
                            btn3: function () {
                                layer.open({
                                    type: 1,
                                    content: "btn3",
                                })
                            }
                        });
                    }

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值