jquery Boxy的使用方法

来源:互联网 发布:西安网络兼职 编辑:程序博客网 时间:2024/05/15 09:12

简单列一下BOXY的使用方法:

//弹出对话框:alert对话框Boxy.alert("内容",动作);$('#ask-actuator').click(function() {   Boxy.alert("Alert! Alert!", function() { alert("Alert closed!"); });   return false;   });//确认对话框Boxy.confirm("内容",动作,{参数});$('#ask-actuator').click(function() {   Boxy.confirm("Please confirm?", function() { alert("Confirmed!"); });   return false;   });//弹出询问框Boxy.ask("内容", {"按钮值1":"按钮1", "按钮值":"按钮2"}, "动作", {参数});   $('#ask-actuator').click(function() {Boxy.ask("这里是询问内容?", ["按钮1", "按钮2", "按钮3"], function(val) {   if(val=="按钮3"){alert('哈哈,被你选了');   }else{alert("您选择了按钮"+val);}}, {title: "这里是标题"});return false;   });$('#ask-actuator').click(function() {   Boxy.ask("这里是询问内容?",   {"1":"按钮1", "2":"按钮2"},   //"1代表值"   "按钮1"代表名称   function(val) { alert(val); },   {title: "这里是标题"}   );   return false;});//自定义弹出对话框$('#cs').click(function() {               new Boxy("<div><a href='#' onclick='Boxy.get(this).hide();'>这里是内容</a>"+       "<a href='#' onclick='Boxy.get(this).tween(400, 400);return false;'>变大</a></div>",       {      title:"你好",        //标题       closeText:"[关闭]",          //关闭文字       modal:true,        //背景是否变暗       fixed:true,        //窗口是否固定       cache:true,        //是否被遮挡       draggable:true,    //这个设定窗口是否可以拖动,要定义title才有效,设定了modal就无效       center:true,        //弹出对话框是否居中       x:50,       y:50,          //设定窗口位置值为%多少,设定此后center会被覆盖       afterDrop:function(){}, //关闭对话框后执行的{IE下面关闭不了,原因不明}       afterShow:function(){}, //打开对话框后执行的       afterHide:function(){} //隐藏对话框后执行的       });             return false;});


原创粉丝点击