基本操作
默认的
new Dialog('这是一个默认对话框').show();
非模态对话框
new Dialog('非模态对话框,可以打开多个!',{modal:false}).show();
自动关闭
new Dialog('5秒后自动关闭',{time:5000}).show();
非fixed模式
new Dialog('对话框不随滚动条移动',{fixed:false}).show();
显示指定ID的内容
// 将显示本标签内的内容。new Dialog({type:'id',value:'content-type-id'}).show();
加载一张图片
new Dialog({type:'img',value:'http://www.caixw.com/public/uploads/demo/p_w_picpaths/300x125.gif'}).show();
加载一URL地址
new Dialog({type:'url',value:'http://www.caixw.com/public/uploads/demo/jquery/dialog/test.html'}).show();
加载一URL到iframe
new Dialog({type:'iframe',value:'http://www.caixw.com'}).show();
自定义CSS
自定义背景遮盖层
#dialog1-overlay{ blue; opacity:0.8; filter:alpha(opacity=80);}
new Dialog('自定义背景遮盖层',{id:'dialog1'}).show();
自定义内容部分背景
#dialog2 .content{ width:250px; height:80px; background-p_w_picpath:url(http://www.caixw.com/public/uploads/demo/p_w_picpaths/300x125.gif);}
new Dialog('自定义内容部分背景',{id:'dialog2'}).show();
回调函数
show()函数
new Dialog('show()回调函数' {beforeShow:function(){alert('before show'),return true},afterShow:function(){alert('after show');}}) .show();
hide()函数
dlg = new Dialog('hide()回调函数' {beforeHide:function(){alert('before hide'),return true},afterHide:function(){alert('after hide');}}) .show();dlg.hide();
显示 隐藏
close()函数
new Dialog('close()回调函数' {beforeClose:function(){alert('before close'),return true},afterClose:function(){alert('after close');}}) .show();