jQuery实现dialog(对话框)

• dialog

  1. width：显示宽度，默认为400px
  2. title：标题，默认为“小提示”
  3. show：是否显示dialog，如果要做到延迟显示，设置此属性为false，默认为true
  4. modal：是否显示半透明遮罩背景，默认为不显示 false
  5. closeDelay：自动关闭的延时时间，单位：毫秒 默认为0，不延时关闭

• 会自动关闭的小提示

  dc_dialog.popTip("自动关闭的小提示","这是个会自己关闭的气泡小提示","2000",{'modal':true}); 参数1：提示窗口的标题；　参数2：提示的内容文本；　参数3：停留时间(毫秒)　参数4：object

• 弹一个小提示

  dc_dialog.popTip("小提示2","这仅仅是一个小提示2","0",{'modal':false}); 参数1：提示窗口的标题；　参数2：提示的内容文本；　参数3：停留时间(0为不自动关闭)　参数4：object
  ps：如果不需要显示遮罩层，可省略后两个参数 dc_dialog.popTip("小提示2","这仅仅是一个小提示2");

• 弹一个确认框，confirm

  dc_dialog.confirm("你支持这个决定吗？",['是','否'] , function(val) { alert("你选择了: " + val); }, {title:"一个确认否定的框",'modal':true}); 参数1：问题；　参数2：选项；　参数3：成功后的回调函数　参数4：object

• 异步加载数据

  dc_dialog.load("load.html",{'title':'异步加载的信息','width':'600px','modal':true}); 参数1：加载页面的url地址；　参数2：object

• iframe

  dc_dialog.frame("frame0","iframe.html",{'title':'一个iframe','width':'600px','modal':true}); 参数1：iframe的id和name；　参数2：加载页面的url地址；　参数3：object

这个是可恨的下拉框用来测试IE6的下拉框

原创文章，转载请注明出处：heluyao的博客
此代码我自己还未曾在实际项目中应用，性能有待测试，欠妥之处，欢迎指正！
本代码有参考【jQuery插件】一个简易弹出层效果之处，感谢 愚人码头
返回博客首页