jQueryboxy弹出层对话框插件中文演示及讲解

要想使用该jQuery插件，需要把$(selector).boxy();放在document.ready中。使用合适的选择器表达式替换这里的"selector"，例如："a[rel=boxy],form.with-confirmation"。这会给匹配的元素附加一些行为，如下：

试试下面的演示：

3.以确认框方式提交

基本的插件用法

请注意，boxy对话框自动计算出您的内容区域内本身的大小和位置，没有必要明确规定了包装集的尺寸。

此外，每个匹配锚title属性将被用来作为其相应的对话框的标题。

传递给构造函数的内容可以是任何有效的参数，jQuery的$()函数-DOM元素，是HTML片断或其他jQuery对象。无论提供的是什么，其display属性均被设置为block，并插入名为boxy-content的class在对话框中。

下面为一些代表性的示例：

修改现有的对话（先打开一个对话框，然后再单击下面的链接事件）

请注意，标题栏（也就是关闭按钮和拖动器）只有在标题指定的情况下会出现，在未来，这种行为可能会发生变化，使标题栏始终存在，除非特别禁用。

一旦您创建了一个实例，您可以将通过提供的API分配给一个变量，随后移动，改变大小，显示和隐藏-记录如下。

提问

使用Boxy.ask()，Boxy.alert()和Boxy.confirm()这些帮手可能提示用户从一些选项中进行选择以及完成可选的回调函数。点击下面含有演示的链接，参考API文档获取更多信息。

Boxy.load(url,options)

Boxy.get(element)

Boxy.ask(question,answers,callback,options)

Boxy.alert(message,callback,options)

Boxy.confirm(message,callback,options)

Boxy.linkedTo(ele)

Boxy.isModalVisible()

newBoxy(element,options)

estimateSize()

getSize()

getContentSize()

getPosition()

getCenter()

getInner()

getContent()

setContent(newContent)

moveTo(x,y)

centerAt(x,y)

center(axis)

resize(w,h,after)

tween(w,h,after)

isVisible()

show()

hide(after)

toggle()

hideAndUnload(after)

unload()

toTop()

getTitle()

setTitle(t)

可以通过css完全定制对话框的外观，这里的是您可能感兴趣的选择器列表。