js弹出层1: jQuery.boxy (2)

4.1.手动创建一个实例来复制代码，如下所示： Script Type=' text/JavaScript ' $(function(){ $(' # a1 ')。click(function(){//实例化一个Boxy对象var box1=new Boxy('h3，此参数为显示内容/H3' //显示内容，{title:' title '，//对话框标题modal: false，//是否是模式窗口after hide : function(e){ alert(' dialog hide ')；}、//隐藏时show:函数(e) {alert ('dialog show ')后的回调函数；}，//回调函数closetext:' x '显示时，//关闭函数按钮的标题文本draggable3360true是否可以拖动})；box1.resize(300，100)；//设置对话框的大小})；});/script p a href='#' id='a1'4.1。手动创建实例/a/p 。

发现modal作为模式窗口是真的，也就是说，即使在背景被屏蔽的情况下将可拖动3360设置为真，拖动也是无效的。5.1.常用对话框-问题框复制代码如下： //问题框$ ('# a2 ')。单击(function () {boxy。问(‘凤姐最美的部分是什么？’。//问题['脸'，'小嘴'，'懂行']，//可选按钮函数(val) {alert(val) }，//回调方法{title:' test '，modal 3360 false}//boxy属性设置)；});P href=' #' id=' a2' 5.1。弹出问题框/a/p 。

盒子的四个参数。问(问题、答案、回拨、选项)方法问题；回答问题选项，一般是一个数组；回调是一种回调方法；Options是boxy弹出窗口的属性对象，参见4.1。5.2.常用对话框-警告框复制代码如下： //警告框$ ('# a3 ')。单击(function () {boxy。alert('这是一条警告消息'，//提示消息函数(val){ alert(val)；}，//回调方法{ title : ' prompt ' })；//boxy属性})；P href=' #' id=' a3' 5.2。警告框/a/p 。

盒子的三参数信息。alert(消息、回调、选项)方法表示警告信息；回调是一种回调方法；Options是boxy弹出窗口的属性对象，参见4.1。5.3.常用对话框-确认框复制代码如下： //确认框$ ('# a4 ')。单击(function () {boxy。确认(‘你确定要看凤姐的照片吗？’，//确认提示消息功能(){alert('受骗')}，//确认后点击回拨消息{title:' test '，modal : false })；//boxy属性设置})；P href=' #' id=' a4' 5.3。确认箱/a/p 。

盒子的三个参数。确认(消息、回叫、选项)方法、消息，注明确认提示信息。回调是一种回调方法，只有在单击“确定”时才会执行。Options是boxy弹出窗口的属性对象，参见4.1。6.API参数方法：Boxy.load(url，选项)加载带有url的内容，并以Boxy对话框的形式显示。支持以下选项参数：类型-HTTP方法，默认为GET缓存-如果为真，将持续调用缓存的内容。相当于传递给jQuery的缓存选项的Ajax方法。默认值：false。filter-jQuery的表达式用于过滤远程内容。(任何其他指定的选项都将传递给boxy的构造函数。)Boxy.get(元素)返回包含该元素的实例，例如：a href=' #' onclick=' Boxy。得到(这个)。' hide()；'。关闭对话框/a xy的显示模式。询问(问题、答案、回叫、选项)，即不可关闭的对话框允许用户选择选项。问题是要向用户显示的信息。答案是所有可能答案的数组或系列。回拨功能将接收选择的答案。这是必需的值还是对应的键取决于是否提供了数组或答案序列。选项是传递给对话框构造函数的附加可选设置选项。方方正正。警报(消息、回调、选项)显示模式，不可关闭的对话框向用户显示消息。注意：此方法不是为了替换浏览器提供的本地window.alert()函数，因为当对话框可见时，它无法阻止程序执行。方方正正。确认(消息、回调、选项)显示模式，这是一个不可关闭的对话框，显示包含“确定”和“取消”按钮的消息。只有当用户选择确定时，才会调用回调。注意：这个方法不是用来替换浏览器提供的本地window.confirm()函数，因为当对话框可见时，它无法阻止程序执行。Boxy . linkto(ele)返回通过执行器构造器选项连接的DOM元素的boxy实例。如果当前有任何模态对话框可见，Boxy.isModalVisible()返回true，否则返回false。新的Boxy(元素，选项)构造函数；创建一个新的方形对话框。是对话框的内容；任何有效的参数，jQuery的$()函数在这里也是有效的。选项是配置选项的混合，请参见下面的详细信息。估计对话框不可见时的大小。如果当前对话框可见，请不要使用此方法，而是使用getSize()。GetSize()以数组形式返回对话框的大小[宽度，高度]。GetContentSize()返回对话框内容区域的大小。默认情况下，它引用对话框框架中的所有内容，不包括标题栏。GetPosition()以[x，y]数组的形式返回最顶层对话框左上角的坐标。GetCenter()以[x，y]数组的形式返回最顶层对话框中心点的坐标。GetInner()返回jQuery对象包装对话框的内部区域——框架中的所有内容，包括标题栏。GetContent()返回一个jQuery对象来包装对话框的内容区域——框架中的所有内容，不包括标题栏。SetContent(newContent)设置对话框中的内容，任何对$()有效的参数对设置的新内容也有效。可以链接。移动到(x，y)将对话框移动到左上角(x，y)的位置，可以链接。中心点(x，y)将对话框移动到中心坐标为(x，y)的位置。中心(轴)移动对话框，使其位于视野的中心。可选轴可以是“x”或“y”中的任何中心轴。可以链接。调整大小(w，h，after)将对话框的高度和宽度重新调整为[w，h]，然后执行回调函数，该函数将接受Boxy实例作为参数。可以链接。补间(w，h，after)动画补间对话框高达[w，h]。完成后，执行回调函数，回调函数将接受Boxy实例作为参数。可以链接。如果当前对话框可见，IsVisible()返回true，否则返回false。Show()显示一个可以链接的对话框。隐藏(在)隐藏对话框。After是一个可选的回调函数，在完成后执行。可以链接。Toggle()触发对话框的显式和隐式属性。可以链接。隐藏后立即卸载。卸载前执行after回调函数。可以链接。

Unload()从DOM中删除对话框，并切断它与执行器(如果有)的接触。一旦对话框出现并被卸载，任何进一步的操作都是未定义的。ToTop()将当前对话框移动到所有其他对话框的顶部。可以链接。GetTitle()以HTML的形式返回对话框的标题。设置(t)对话框的标题为t，可以链接。属性：

选择器。boxy-wrapper . title-自动生成的bardiv包装的标题栏。box-wrapper . title-bar H2标题栏的内容。box-wrapper . title-bar .拖动时拖动标题栏。执行人。box y-关闭对话框的内部区域，包括标题栏。内容内部区域，不包括标题栏。这个类将自动添加到任何传递给Boxy构造函数的元素中。盒子包装。由Boxy.ask()创建的问题，包含问题文本。盒子包装。由Boxy.ask()创建的答案，包含类按钮的任何内容。对于答案关闭，将与关闭对话框相关联。选择器的舍入效果是通过使用png图片实现的。如果你想改变透明度，你可以使用ps来修改图片。如果不考虑IE6，可以用另一种常用的舍入方法(css样式代替图片)。官方网站：http://onehackoranother.com/projects/jquery/boxy/:http://www.zhangxinxu.com/wordpress/? p=318