弹出框weeboxs 基本属性总结

当前位置 : 首页 > 网页制作 > CSS > 弹出框weeboxs 基本属性总结

弹出框weeboxs 基本属性总结

来源: 作者: 时间:2016-01-29 09:12
使用前需包含以下jquery.js、bgiframe.js、weebox.js文件 boxid: null, //设定了此值只后,以后在打开同样boxid的弹窗时,前一个将被自 动关闭 boxclass: null, //给弹窗设置其它的样式,用此可以...
使用前需包含以下jquery.js、bgiframe.js、weebox.js文件
 
boxid: null, //设定了此值只后,以后在打开同样boxid的弹窗时,前一个将被自  
动关闭  
  
boxclass: null, //给弹窗设置其它的样式,用此可以改变弹窗的样式  
  
type: 'dialog', //弹窗类型,目前有dialog,error,warning,success,wee,prompt,  
box六种  
  
title: '', //弹窗标题  
  
width: 0, //弹窗宽度,不设时,会自动依据内容改变大小  
  
height: 0, //弹窗高度(注意是内容的高度,不是弹窗的高度)  
  
timeout: 0, //自动关闭的秒数,设置此值后,窗口将自动关闭  
  
draggable: true,//是否可以拖拽  
  
modal: true, //是否显示遮照  
  
overlay: 75, //遮照透明度  
  
focus: null, //弹窗打开后,焦点移到什么元素上,默认移到取消按钮到  
  
position: 'center',//弹窗打开后的默认为中间,设置为element时,需要设置  
trager选项,  
  
trigger: null, //显示位置的参照元素,为一个元素id  
  
showTitle: true,//是否显示标题  
  
showButton: true,//是否显示按钮,包括确定和取消  
  
showCancel: true, //是否显示取消按钮  
  
showOk: true, //是否显示确定按钮  
  
okBtnName: '确定',//"确定"按钮名称  
  
cancelBtnName: '取消',//"取消"按钮名称  
  
contentType: 'text',//内容获取方式,目前有三种text,selector,ajax  
  
contentChange: false,//为selector时  
  
clickClose: false, //点击不在弹窗上时,是否关闭弹窗  
  
zIndex: 999,//默认弹窗的层  
  
animate: false,//效果显示  
  
onclose: null, //弹窗关闭时触发的函数  
  
onopen: null, //弹窗显示前触发的函数, 此时内容已经放入弹窗中,不过还没有显示出来  
  
onok: null ,//点击确定按钮后   
  
oncancel:null //点击取消按钮触发函数  
  
$.weeboxs.open('The operation failed.',{  
onopen:function(){alert('opened!');},  
onclose:function(){alert('closed!');}, onok:function(){alert('ok');  
$.weeboxs.close();} });  
  
$.weeboxs.open('/modules/test/testsession.php', {contentType:'ajax'});  
  
$.weeboxs.open('hello world');  
  
$.weeboxs.open('The operation failed.',{type:'error'});  
  
$.weeboxs.open('The operation failed.',{type:'wee'});  
  
$.weeboxs.open('The operation failed.',{type:'success'});  
  
$.weeboxs.open('The operation failed.',{type:'warning'});  
  
$.weeboxs.open('Autoclosing in 5 seconds.', { timeout: 5 });  

 

Tag:
网友评论

<