- OverlayBox说明:
-
1. 目前仅仅写了一个程序的草稿,基本功能都有了,有待进一步完善。
2. 参考了网上的一些类似的程序(thickbox、jqModal等)。
3. Author: http://www.wxwdesign.cn
- 简单效果 Demo1
-
JavaScript代码:
$("#demo1").overlay($(".dialogue_t"));
- 显示遮罩背景 Demo2
-
JavaScript代码:
$("#demo2").overlay($(".dialogue_t"),{showOverlay:true});
- ESC键关闭效果 Demo3
-
JavaScript代码:
$("#demo3").overlay($(".dialogue_t"),{escClose:true});
- 点击背景关闭 Demo4
-
JavaScript代码:
$("#demo4").overlay($(".dialogue_t"),{showOverlay:true,overlayClose:true});
- Ajax加载效果 Demo5
-
JavaScript代码:
$("#demo5").overlay(null,{Ajax:'content.php',onLoad:demo.Load});
- 保留对内容的更改 Demo6
-
JavaScript代码:
$("#demo6").overlay($(".dialogue_t2"),{showOverlay:true,persist:true,onShow:demo.show2});
- 综合示例一 Demo7
-
JavaScript代码:
$("#demo7").overlay($(".dialogue_t1"),{showOverlay:true,overlayClose:true,escClose:true,onShow:demo.show});
- 参数说明:
-
- opacity:50
- top:0
- left:0
- width:400
- height:200
- zIndex:1000
- persist:false
- escClose:false
- showOverlay:false
- overlayClose:false
- overlayCss:{}
- overlayClass:"overlay_bg"
- containerClass:"overlay_container"
- containerCss:{}
- closeClass:"overlay_close"
- onShow:null
- onClose:null
- Ajax:null
- onLoad:null
- ajaxType:'get'
- appendTo:document.body