• 网站首页
• 网站建设
• 短视频
• 网站推广
• 网站模板
• 客户案例
• 资讯动态
• 关于我们

boxy怎么设置_CSS学习

当前位置：网站建设 > 技术支持

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='#' 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;

});

版权说明：
本网站凡注明“广州京杭 原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。