简单列一下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;
});