一个基于jQuery的弹出层。最新版本2.7;
支持拖拽,支持多窗口。内容为文字,ID,图片,SWF,URL,框架;
这个插件前前后后修改了几个月了。一直在改进;到现在差不多了。以后不会经常更新了;
更新了一下,IE6之前的报错已经修复。然后增强了随机ID的生成时的防重复;
添加了关闭窗口后刷新当前页面功能 mw_refresh:true;
然后新增了一个获取当前弹出层ID的方法[$.mackesWindow.getID()]。;
$("#ID").click(function(){ $.mackesWindow();//默认 $.mackesWindow({mw_offsets:"left-top"});//左上角 $.mackesWindow({mw_offsets:"right-top"});//右上角 $.mackesWindow({mw_offsets:"left-bottom"});//左下角 $.mackesWindow({mw_offsets:"right-bottom"});//右下角 $.mackesWindow({mw_offsets:"left-middle"});//靠左居中 $.mackesWindow({mw_offsets:"right-middle"});//靠右居中 $.mackesWindow({mw_offsets:"middle-top"});//居中置顶 $.mackesWindow({mw_offsets:"middle-bottom"});//居中置底 $.mackesWindow({mw_offsets:{left:"100px",top:"100px"}});//自定义 });
$("#ID").click(function(){ $.mackesWindow();//默认 //这部分大家直接查看源文件吧 });
$("#test2").click(function(){ $.mackesWindow({ mw_title:"Hello world", mw_content:"text:提示信息内容", mw_width:"300", mw_height:"200", mw_dray:"mw_boxTitle", mw_showbg:true }); });
$.mackesWindow({ mw_title:"弹出页面中的某个ID", mw_content:"id:testID", mw_showbg:true, mw_drag:"mw_boxTitle" });
$("#test4").click(function(){ $.mackesWindow({ mw_title:"Hello world", mw_content:"img:图片路径", mw_width:"500", mw_height:"250", mw_drag:"mw_boxTitle", mw_showbg:true }); });
$("#test5").click(function(){ $.mackesWindow({ mw_title:"Hello world", mw_content:"swf:路径", mw_width:"225", mw_height:"185", mw_drag:"mw_boxTitle" }); });
$("#test6").click(function(){ $.mackesWindow({ mw_title:"Hello world", mw_content:"url:get?test.html", mw_width:"400", mw_height:"200", mw_drag:"mw_boxTitle", mw_showbg:true }); });
$("#test7").click(function(){ $.mackesWindow({ mw_title:"框架应用", mw_content:"iframe:http://www.baidu.com", mw_width:"900", mw_height:"500", mw_drag:"mw_boxTitle", mw_showbg:true }); });
最后更新日期:星期六 2012年7月14日 By marshal mackes 返回顶部