jquery Boxy的使用方法

简单列一下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='#' οnclick='Boxy.get(this).hide();'>这里是内容</a>"+
       "<a href='#' οnclick='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;
});


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值