百度收录入口提交,网站优化制作,江苏建设厅网站电话多少,装修公司展厅工艺样板2019独角兽企业重金招聘Python工程师标准 一、基础参数 1layer:open基础参数 layer.open({type: 1//基本层类型:0#xff08;信息框#xff0c;默认#xff09;1#xff08;页面层#xff09;2#xff08;iframe层#xff09;3#xff08;加载层#xf… 2019独角兽企业重金招聘Python工程师标准 一、基础参数 1layer:open基础参数 layer.open({type: 1//基本层类型:0信息框默认1页面层2iframe层3加载层4tips层,title:新增//标题:三种类型1title :我是标题 2title: [文本, font-size:18px;] 3 title: false,content: 好 //content:这里content是一个DOM注意最好该元素要存放在body最外层否则可能被其它的相对元素所影响,skin: //样式类名 :自定义弹出框样式,area: [500px, 300px] //宽高:定义高度和宽度不定义将自适应可以只定义一个,offset: rt //坐标:默认垂直水平居中,btn: [按钮一, 按钮二, 按钮三]//按钮:可以是多个,closeBtn: 1 //关闭按钮配置1和2来展示如果不显示则closeBtn: 0,shade: [0.8, #393D49] //遮罩shade: [0.8, #393D49]如果不想显示遮罩可以shade: 0,shadeClose:true //是否点击遮罩关闭true表示点击遮罩关闭false表示点击遮罩不关闭默认false,time: 5000 //自动关闭所需毫秒:秒后自动关闭,默认不会自动关闭,id:123//用于控制弹层唯一标识:设置该值后不管是什么类型的层都只允许同时弹出一个。一般用于页面层和iframe层模式,anim:1 //弹出动画:支持的动画类型有0-6 如果不想显示动画设置 anim: -1 即可,isOutAnim:false//关闭动画 :关闭层时会有一个过度动画。如果不想开启设置 isOutAnim: false 即可,默认true,maxmin:true //最大最小化:该参数值对type:1和type:2有效。默认不显示最大小化按钮。需要显示配置maxmin: true即可。默认false,fixed:true //固定:即鼠标滚动时层是否固定在可视区域。如果不想设置fixed: false即可。默认为true,resize:false //是否允许拉伸:默认情况下可以在弹层右下角拖动来拉伸尺寸。如果对指定的弹层屏蔽该功能设置 false即可。该参数对loading、tips层无效。默认为true,resizing:function(layero){//监听窗口拉伸动作:当拖拽弹层右下角对窗体进行尺寸调整时如果设定了该回调则会执行。回调返回一个参数当前层的DOM对象。默认为nullconsole.log(layero);} ,scrollbar:false//是否允许浏览器出现滚动条:默认允许浏览器滚动如果设定scrollbar: false则屏蔽,maxWidth:300//最大宽度:设置弹出框最大宽度只有当area: auto时maxWidth的设定才有效。,maxHeight:300//最大高度:设置弹出框最大高度只有当高度自适应时maxHeight的设定才有效,zIndex:199999//层叠顺序,move:.mine-move //触发拖动的元素:如move: .mine-move,表示可拖拽样式为mine-move的区域。配置设定move: false来禁止拖拽默认.layui-layer-title,moveOut:true//是否允许拖拽到窗口外:默认只能在窗口内拖拽如果想让拖到窗外那么设定moveOut: true即可,moveEnd: function(layero){}//拖动完毕后的回调方法:其中layero为当前层的DOM对象,默认为null,tips: [1, #c00]//方向和颜色:支持上右下左四个方向通过1-4进行方向设定,定义一些颜色可以设定tips: [1, #c00],tipsMore: true//层弹出后的成功回调方法:允许多个意味着不会销毁之前的tips层。通过tipsMore: true开启,success: function(layero, index){//层弹出后的成功回调方法:当需要在层创建完毕时即执行一些语句可以通过该回调,默认nullconsole.log(layero, index);//layero, index别是当前层DOM当前层索引},yes: function(index, layero){//确定按钮回调方法:该回调携带两个参数分别为当前层索引、当前层DOM对象,默认null//do somethinglayer.close(index); //如果设定了yes回调需进行手工关闭},cancel: function(index, layero){ //右上角关闭按钮触发的回调:该回调携带两个参数分别为当前层索引参数index、当前层的DOM对象layero默认会自动触发关闭。如果不想关闭return false即可,默认nullif(confirm(确定要关闭么)){ //只有当点击confirm框的确定时该层才会关闭layer.close(index)}},end:function(){//层销毁后触发的回调:无论是确认还是取消只要层被销毁了end都会执行不携带任何参数。默认null},full:function(layero){//full/min/restore -分别代表最大化、最小化、还原 后触发的回调,携带一个参数即当前层DOM,默认null}});2、按钮回调方法 //eg1
layer.confirm(纳尼, {btn: [按钮一, 按钮二, 按钮三] //可以无限个按钮,btn3: function(index, layero){//按钮【按钮三】的回调}
}, function(index, layero){//按钮【按钮一】的回调
}, function(index){//按钮【按钮二】的回调
});//eg2
layer.open({content: test,btn: [按钮一, 按钮二, 按钮三],yes: function(index, layero){//按钮【按钮一】的回调},btn2: function(index, layero){//按钮【按钮二】的回调//return false 开启该代码可禁止点击该按钮关闭},btn3: function(index, layero){//按钮【按钮三】的回调//return false 开启该代码可禁止点击该按钮关闭},cancel: function(){ //右上角关闭回调//return false 开启该代码可禁止点击该按钮关闭}
});二、核心函数 1、layer.config(options) - 初始化全局配置 1采用seajs或者requirejs加载layer layer.config({//layer就会去加载一些它所需要的配件比如css等。 path: /res/layer/ //layer.js所在的目录可以是绝对目录也可以是相对目录
});2采用script src?a.jslayer.js这种合并的方式引入layer layer.config({//layer就不会去自动去获取路径但你需要通过以下方式来完成初始化的配置path: /res/layer/ //layer.js所在的目录可以是绝对目录也可以是相对目录
});3layer.config(options) 可以配置层默认的基础参数如 layer.config({skin: layui-layer-molv //默认皮肤
});4除此之外extend还允许你加载拓展的css皮肤如 layer.config({//如果是独立版的layer则将myskin存放在./skin目录下//如果是layui中使用layer则将myskin存放在./css/modules/layer目录下extend: myskin/style.css
});2、layer.ready(callback) - 初始化就绪 3、layer.alert(content, options, yes) - 普通信息框 layer.alert(只想简单的提示);
//eg2
layer.alert(加了个图标, {icon: 1}); //这时如果你也还想执行yes回调可以放在第三个参数中。
//eg3
layer.alert(有了回调, function(index){//do somethinglayer.close(index);
}); 4、layer.confirm(content, options, yes, cancel) - 询问框 //eg1
layer.confirm(is not?, {icon: 3, title:提示}, function(index){//do somethinglayer.close(index);
});
//eg2
layer.confirm(is not?, function(index){//do somethinglayer.close(index);
}); 5、layer.msg(content, options, end) - 提示框 //eg1
layer.msg(只想弱弱提示);
//eg2
layer.msg(有表情地提示, {icon: 6});
//eg3
layer.msg(关闭后想做些什么, function(){//do something
});
//eg
layer.msg(同上, {icon: 1,time: 2000 //2秒关闭如果不配置默认是3秒
}, function(){//do something
}); 6、layer.load(icon, options) - 加载层 load默认是不会自动关闭的因为你一般会在ajax回调体中关闭它 //eg1
var index layer.load();
//eg2
var index layer.load(1); //换了种风格
//eg3
var index layer.load(2, {time: 10*1000}); //又换了种风格并且设定最长等待10秒
//关闭
layer.close(index); 7、layer.tips(content, follow, options) - tips层 //eg1
layer.tips(只想提示地精准些, #id);
//eg 2
$(#id).on(click, function(){var that this;layer.tips(只想提示地精准些, that); //在元素的事件回调体中follow直接赋予this即可
});
//eg 3
layer.tips(在上面, #id, {tips: 1
}); 8、layer.close(index) - 关闭特定层 1当想关闭当前页的某个层时每一种弹层调用方式都会返回一个index var index layer.open();
var index layer.alert();
var index layer.load();
var index layer.tips();
layer.close(index); //此时只需要把获得的index轻轻地赋予layer.close即可2当在iframe页面关闭自身时 var index parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
parent.layer.close(index); //再执行关闭 9、layer.closeAll(type) - 关闭所有层 layer.closeAll(); //疯狂模式关闭所有层
layer.closeAll(dialog); //关闭信息框
layer.closeAll(page); //关闭所有页面层
layer.closeAll(iframe); //关闭所有的iframe层
layer.closeAll(loading); //关闭加载层
layer.closeAll(tips); //关闭所有的tips层 10、layer.style(index, cssStyle) - 重新定义层的样式 //重新给指定层设定width、top等
layer.style(index, {width: 1000px,top: 10px
}); 11、layer.title(title, index) - 改变层的标题 12、layer.getChildFrame(selector, index) - 获取iframe页的DOM layer.open({type: 2,content: test/iframe.html,success: function(layero, index){var body layer.getChildFrame(body, index);var iframeWin window[layero.find(iframe)[0][name]]; //得到iframe页的窗口对象执行iframe页的方法iframeWin.method();console.log(body.html()) //得到iframe页的body内容body.find(input).val(Hi我是从父页来的)}
}); 13、layer.getFrameIndex(windowName) - 获取特定iframe层的索引 //假设这是iframe页
var index parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
parent.layer.close(index); //再执行关闭 14、layer.iframeAuto(index) - 指定iframe层自适应 15、layer.iframeSrc(index, url) - //重置特定iframe url 16、layer.setTop(layero) -置顶当前窗口 17、layer.full()、layer.min()、layer.restore() - 手工执行最大小化 18、layer.prompt(options, yes) - 输入层 //例子2
layer.prompt({formType: 2,//输入框类型支持0文本默认1密码2多行文本value: 初始值,title: 请输入值,area: [800px, 350px] //自定义文本域宽高
}, function(value, index, elem){alert(value); //得到valuelayer.close(index);
});19、layer.tab(options) - tab层 layer.tab({area: [600px, 300px],tab: [{title: TAB1, content: 内容1}, {title: TAB2, content: 内容2}, {title: TAB3, content: 内容3}]
}); 20、layer.photos(options) - 相册层 1photos为传入json $.getJSON(/jquery/layer/test/photos.json, function(json){layer.photos({photos: json,anim: 5 //0-6的选择指定弹出图片动画类型默认随机请注意3.0之前的版本用shift参数});
}); 而返回的json需严格按照如下格式 {title: , //相册标题id: 123, //相册idstart: 0, //初始显示的图片序号默认0data: [ //相册包含的图片数组格式{alt: 图片名,pid: 666, //图片idsrc: , //原图地址thumb: //缩略图地址}]
} 2直接从页面中获取图片 div idlayer-photos-demo classlayer-photos-demoimg layer-pid图片id可以不写 layer-src大图地址 src缩略图 alt图片名img layer-pid图片id可以不写 layer-src大图地址 src缩略图 alt图片名
/divscript
//调用示例
layer.photos({photos: #layer-photos-demo,anim: 5 //0-6的选择指定弹出图片动画类型默认随机请注意3.0之前的版本用shift参数
});
/script3photos还有个tab回调切换图片时触发。 layer.photos({photos: json/选择器,tab: function(pic, layero){console.log(pic) //当前图片的一些信息}
});转载于:https://my.oschina.net/u/2427561/blog/1531535 文章转载自： http://www.morning.tbkqs.cn.gov.cn.tbkqs.cn http://www.morning.lcxzg.cn.gov.cn.lcxzg.cn http://www.morning.mqnbm.cn.gov.cn.mqnbm.cn http://www.morning.mdmxf.cn.gov.cn.mdmxf.cn http://www.morning.tkflb.cn.gov.cn.tkflb.cn http://www.morning.ntzfj.cn.gov.cn.ntzfj.cn http://www.morning.gpxbc.cn.gov.cn.gpxbc.cn http://www.morning.lqklf.cn.gov.cn.lqklf.cn http://www.morning.hdrsr.cn.gov.cn.hdrsr.cn http://www.morning.wrtbx.cn.gov.cn.wrtbx.cn http://www.morning.ttnfc.cn.gov.cn.ttnfc.cn http://www.morning.dkqbc.cn.gov.cn.dkqbc.cn http://www.morning.wnywk.cn.gov.cn.wnywk.cn http://www.morning.qbgdy.cn.gov.cn.qbgdy.cn http://www.morning.kxbry.cn.gov.cn.kxbry.cn http://www.morning.txfzt.cn.gov.cn.txfzt.cn http://www.morning.hfxks.cn.gov.cn.hfxks.cn http://www.morning.bpmfl.cn.gov.cn.bpmfl.cn http://www.morning.mhrzd.cn.gov.cn.mhrzd.cn http://www.morning.pthmn.cn.gov.cn.pthmn.cn http://www.morning.ckfqt.cn.gov.cn.ckfqt.cn http://www.morning.krjrb.cn.gov.cn.krjrb.cn http://www.morning.ysgnb.cn.gov.cn.ysgnb.cn http://www.morning.zxxys.cn.gov.cn.zxxys.cn http://www.morning.bktly.cn.gov.cn.bktly.cn http://www.morning.tzzfy.cn.gov.cn.tzzfy.cn http://www.morning.lszjq.cn.gov.cn.lszjq.cn http://www.morning.dhbyj.cn.gov.cn.dhbyj.cn http://www.morning.bsqth.cn.gov.cn.bsqth.cn http://www.morning.tsgxz.cn.gov.cn.tsgxz.cn http://www.morning.hsrpc.cn.gov.cn.hsrpc.cn http://www.morning.nmqdk.cn.gov.cn.nmqdk.cn http://www.morning.sbqrm.cn.gov.cn.sbqrm.cn http://www.morning.wtdhm.cn.gov.cn.wtdhm.cn http://www.morning.jkcnq.cn.gov.cn.jkcnq.cn http://www.morning.krkwp.cn.gov.cn.krkwp.cn http://www.morning.tdmr.cn.gov.cn.tdmr.cn http://www.morning.zlfxp.cn.gov.cn.zlfxp.cn http://www.morning.yksf.cn.gov.cn.yksf.cn http://www.morning.fmqng.cn.gov.cn.fmqng.cn http://www.morning.crqpl.cn.gov.cn.crqpl.cn http://www.morning.tdqhs.cn.gov.cn.tdqhs.cn http://www.morning.zbnts.cn.gov.cn.zbnts.cn http://www.morning.nmqdk.cn.gov.cn.nmqdk.cn http://www.morning.jkpnm.cn.gov.cn.jkpnm.cn http://www.morning.kwqt.cn.gov.cn.kwqt.cn http://www.morning.pljdy.cn.gov.cn.pljdy.cn http://www.morning.gglhj.cn.gov.cn.gglhj.cn http://www.morning.qtyfb.cn.gov.cn.qtyfb.cn http://www.morning.gynlc.cn.gov.cn.gynlc.cn http://www.morning.jpydf.cn.gov.cn.jpydf.cn http://www.morning.jhkzl.cn.gov.cn.jhkzl.cn http://www.morning.mzqhb.cn.gov.cn.mzqhb.cn http://www.morning.ptwqf.cn.gov.cn.ptwqf.cn http://www.morning.c7625.cn.gov.cn.c7625.cn http://www.morning.qjrjs.cn.gov.cn.qjrjs.cn http://www.morning.rlbg.cn.gov.cn.rlbg.cn http://www.morning.cnprt.cn.gov.cn.cnprt.cn http://www.morning.nwclg.cn.gov.cn.nwclg.cn http://www.morning.hmfxl.cn.gov.cn.hmfxl.cn http://www.morning.dmtld.cn.gov.cn.dmtld.cn http://www.morning.xjkr.cn.gov.cn.xjkr.cn http://www.morning.rgyts.cn.gov.cn.rgyts.cn http://www.morning.nbqwr.cn.gov.cn.nbqwr.cn http://www.morning.cbqqz.cn.gov.cn.cbqqz.cn http://www.morning.rqgq.cn.gov.cn.rqgq.cn http://www.morning.nsjpz.cn.gov.cn.nsjpz.cn http://www.morning.znrgq.cn.gov.cn.znrgq.cn http://www.morning.lwbhw.cn.gov.cn.lwbhw.cn http://www.morning.zlnkq.cn.gov.cn.zlnkq.cn http://www.morning.xrnh.cn.gov.cn.xrnh.cn http://www.morning.hffpy.cn.gov.cn.hffpy.cn http://www.morning.pyxwn.cn.gov.cn.pyxwn.cn http://www.morning.bxfy.cn.gov.cn.bxfy.cn http://www.morning.wmnpm.cn.gov.cn.wmnpm.cn http://www.morning.tjwlp.cn.gov.cn.tjwlp.cn http://www.morning.mmqhq.cn.gov.cn.mmqhq.cn http://www.morning.bpmdg.cn.gov.cn.bpmdg.cn http://www.morning.xfncq.cn.gov.cn.xfncq.cn http://www.morning.hongjp.com.gov.cn.hongjp.com
