Posted on 2009-10-13 10:20
cyantide 阅读(1308)
评论(0) 编辑 收藏 所属分类:
html、script
弹出对话框:
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,