基本操作

默认的

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.111com.net/public/uploads/demo/images/300x125.gif'}).show();

加载一url地址

new dialog({type:'url',value:'http://www.111com.net/public/uploads/demo/jquery/dialog/test.html'}).show();

加载一url到iframe

new dialog({type:'iframe',value:'http://www.111com.net'}).show();

自定义css

自定义背景遮盖层

#dialog1-overlay

{

  background:blue;

  opacity:0.8;

  filter:alpha(opacity=80);

}

new dialog('自定义背景遮盖层',{id:'dialog1'}).show();

自定义内容部分背景

#dialog2 .content

{

  

  

  background-image:url(http://www.111com.net/public/uploads/demo/images/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();