解决弹出和模态窗口的layerjs应用手册_第1页
解决弹出和模态窗口的layerjs应用手册_第2页
解决弹出和模态窗口的layerjs应用手册_第3页
解决弹出和模态窗口的layerjs应用手册_第4页
解决弹出和模态窗口的layerjs应用手册_第5页
已阅读5页,还剩9页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

各式各样的风格。如是调用:$.layer({键:值,键:值,…});type:各式各样的风格。如是调用:$.layer({键:值,键:值,…});type:层,3:加载层,4:tips此为重要参数,不同类型层的总开关,若为type:0则不需要配置,其它类型层在调用时必须设置type。title:如想自定义标题样式,可以title:['标题','background:#c00;']csstitle:falsemaxmin:maxmin:true即可layer1.8offset:['',offset如果您要设定纵坐标,可以:offset:['200px',area:['310px',areaauto(iframeauto),auto。border:[10,border的值分别为:[边框大小,,颜色,layer1.8true]border,设置border:[0]shade:值分别是:[遮罩,遮罩颜色,layer1.8之前需在true]shade:[0]shadeClose:true

closeBtn:[0,closeBtn(01),closeBtn:falsetime:03time:3fix:若不想拖拽,move:falsemoveOut:moveType:用于配置拖拽类型(layer1.7)1,bgcolor:type:0的框层而言,始终都是白控制层堆叠顺序(cssz-index)。整数值。maxWidth:areaautofadeIn:btns:0-20btn:btns0shift:有七种选择:左上(left-top),上(top),(right-shift:'top'dialog:type:3, ''}type:0-16的。设置-1msg:page:dom:html:url:'',}dom:页面已存在的选择器html:htmlurl:ajaxok:ajax,datas需要特别注意的是,dom、html、urlhtmlurl,iframe:{src:'','auto'}iframesrc:要打开的scrolling:iframeloading:{type:0type:loading(0-3)。ajaxtips:{ guide:0, style:'']tipsmsg:follow:guide:指引方向(0:上,1:右,2:下,3:左)。isGuide:msgiconmore:style:['background-color:#FFF8ED;color:#000;border:1pxsolid#FF9900;/*tipscss*/','#FF9900']]}domindexlayer.close(index层右上角关闭按钮的点击触发回调函数,layero,layer1.8$.layer({r.tips$.layer()layerlayer.alert(msg,icon,116选择),回调函数或标题如:layer.alert('layer',layer.confirm(msg,yes,layer.confirm(' //删除成功layer.msg(msg,time,参数分别为:提示内容,自动关闭秒数(2),parme{type:图shade:true),rate:layer.shift当parme是一个函数时,则将作为层后endparmemsglayer.msg('删除成功',2,function(){location.reload();刷新页面等操作});layer.load(parme,数,加载风格(0-3parmelayer.load('parme长等待秒数(0layer.load(3)//3layer.tips(html,follow,tips参数分别为:tipsdomparme{time:自动关闭所需maxWidth:guide:style:tips(apistyle)}obj.on('click',function(){','#id');indexlayervarindex=$.layer({此处是您的配置});//诸如varindex=layer.alert();之类的也会返回index索引 index传给close方法即可关闭对应的层,如:tipslayer.area(index,options{width:宽度,height:top:left:横坐标,zIndex:z-indexcss该方法仅针对页面层(type:1)iframe(type:2)layer.title(name,name,index,iframeDOM。一般用于父窗口操作iframe参数分别为:iframeiframeiframevarindex=iframeindexlayer.iframeSrc(index,iframe参数分别为:层的索引,urlsuccesslayerNow参数即为success回调函数中传过来zIndex:layer.zIndex,layer.min(index,options)layer.full(index,options)三个方能分别为:最小化、全屏、还indexvarindex$.layer({})options{area:正常尺寸下的高度],offset:[正常尺寸下的top,left]}如:layer.full(1,{area:'200px',offset:['200px',layer.use(module,js、css参数分别为:cssjslayerz-indexlayer方法 描layer.ext.jscss,只需要执行layer.use('extend/layer.ext.js')layer.uselayer.ext.jslayer.ext=function(){} layer.ext=function(){ }})promptoptions{yes,no);

top:type:0,//支持普通文本框(0)、title:'标题',val:length:200}mpt({title:function(val,index,elem){//index,elemalert('得到:'+

tabparme{data:[],宽高,offset:{title:content:'内容一,可html'},{title:content:'内容二。什tab方法 描area:['600px','300px']

实现的相册模式浏览。支持异步请求过来的json数据、支持直接弹出页面指定区域所有optionslayer.photosPage(options直接弹出页面指定区域所 以实现相册浏览 layer.photosoptionsMsg-10123456789101215层的类型,层的类型。0:信息框(默认),1:页面层,2:iframe,3:加载层,4:tips此为重要参数,不同类型层的总开关,若为type:0则不需要配置,其它类型层在调用时必须设置type。2////0:信息框(默认),1:页面层,2:iframe3:加载层,4:tips层{type:titlefefe',//标题,falseborder:[2,0.3,'#000'],//边框大小,,颜shade:[0.5,"#fff"],//开启遮罩层[(0表示不开启),景颜色area'500px','300px'],//页面层的大小page:{html:'<p>我是大黑</p>'}page页面层模式私有参数。dom:页面已存在

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论