前两天项目中需要使用多级弹出层,在网上没找到合适的,就自己写了一个。遮罩层使用的iframe,可以支持ie6下遮罩下拉列表。多级弹出层的时候,只使用一个遮罩层,提高效率。
使用说明:
$.popdiv.init 出始化popdivSetting对象设置,包括弹出div的基础id,最多弹出多少层div,弹出div的基础zindex,遮罩层透明度设置
$.popdiv.show({title:'',divid:'',html:'',showclose:true,callback:function(){alert('1')}}); 弹出一个新的div,title是弹出层的标题,divid使用div方式指定弹出层的内容,html使用html文本指定弹出层内容,showclose是否显示关闭层按钮,callback点关闭层按钮按钮时的回调方法
$.popdiv.close(); 关闭当前活动的div
$.popdiv.showiframe(title:'',src:'',width:'300px',height:'300px') 弹出一个内嵌iframe的div,在iframe中加载网站路径
$.popdiv.alert({ title: '提示框', message: 'as', callback: function () { alert('1') } });
$.popdiv.confirm({ title: '确认框', message: 'as', callback: function (e) { alert(e) } });
发上来大家分享一下
使用说明:
$.popdiv.init 出始化popdivSetting对象设置,包括弹出div的基础id,最多弹出多少层div,弹出div的基础zindex,遮罩层透明度设置
$.popdiv.show({title:'',divid:'',html:'',showclose:true,callback:function(){alert('1')}}); 弹出一个新的div,title是弹出层的标题,divid使用div方式指定弹出层的内容,html使用html文本指定弹出层内容,showclose是否显示关闭层按钮,callback点关闭层按钮按钮时的回调方法
$.popdiv.close(); 关闭当前活动的div
$.popdiv.showiframe(title:'',src:'',width:'300px',height:'300px') 弹出一个内嵌iframe的div,在iframe中加载网站路径
$.popdiv.alert({ title: '提示框', message: 'as', callback: function () { alert('1') } });
$.popdiv.confirm({ title: '确认框', message: 'as', callback: function (e) { alert(e) } });
发上来大家分享一下