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;
});

jquery Boxy的使用方法相关推荐

弹出层之1：JQuery.Boxy (二)
在<弹出层之1:JQuery.Boxy (一)>中讲到了JQuery.Boxy的基本用法,本次讲下手动创建实例,new一个boxy对象是很容易的,传递一些参数对象就能满足不同的需求了. 4 ...
jQuery CSS 操作 - css() 方法
实例设置 <p> 元素的颜色: $(".btn1").click(function(){$("p").css("color", ...
JQuery 的跨域方法可跨任意网站
JS的跨域问题,很多人在网上找其解决方法,教其用IFRAME去解决的文章很多,真有那么复杂吗?其实很简单的,如果你用JQUERY,一个GETJSON方法就搞定了,而且是一行代码搞定. 下面开始贴出方法 ...
javascript:jquery.history.js使用方法
javascript:jquery.history.js使用方法 step1:download jquery.history.js step2:create a test page as follow ...
关于使用jQuery时$(document).ready()方法失效问题
关于使用jQuery时$(document).ready()方法失效问题 <script type="text/javascript">//页面加载后自动执行,不需要按 ...
用JQuery中的Ajax方法获取web service等后台程序中的方法
用JQuery中的Ajax方法获取web service等后台程序中的方法 1.准备需要被前台html页面调用的web Service,这里我们就用ws来代替了,代码如下: using System; ...
[jQuery] 针对jQuery性能的优化方法有哪些？
[jQuery] 针对jQuery性能的优化方法有哪些? show slide animate 等频繁修改 dom 很耗性能,可采用 jquery.transit 插件等使用单个 id 或 class ...
[jQuery] jQuery.fn的init方法返回的this指的是什么对象？为什么要返回this
[jQuery] jQuery.fn的init方法返回的this指的是什么对象?为什么要返回this init()方法中返回的this指向init的实例对象,而init.prototype等于jQue ...
php 获取子孙,jquery如何查找后代元素？jquery获取后代元素方法
在上一篇我们讲到jquery获取父元素?相信你已经学会了,那么下面我们来讲一下jquery如何查找后代元素?jquery获取后代元素方法. 一: 查找后代元素三种方法 (1)children(): ( ...
jquery中的ajax方法参数——$.ajax()方法详解
1.url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址. 2.type: 要求为String类型的参数,请求方式(post或get)默认为get.注意其他http请求方法, ...

jquery Boxy的使用方法

jquery Boxy的使用方法相关推荐

最新文章

热门文章