Facebook的JQuery实现&x27；s模态盒

我想知道是否有人知道的jQuery实现。 我见过Facebox，但它看起来像旧的Facebook模式对话框布局，而不是新的

如果没有可用的，那么举一个例子来说明如何将jQuery的ui模式对话框主题化为那样会非常有用。 jQuery UI模式对话框的HTML输出如下所示：

<div class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-draggable ui-resizable">
   <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
      <span id="ui-dialog-title-dialog" class="ui-dialog-title">Dialog title</span>
      <a class="ui-dialog-titlebar-close ui-corner-all" href="#"><span class="ui-icon ui-icon-closethick">close</span></a>
   </div>
   <div style="height: 200px; min-height: 109px; width: auto;" class="ui-dialog-content ui-widget-content" id="dialog">
      <p>Content.</p>
   </div>
</div>

对话标题
内容

灯箱怎么样

---

查看JQueryUI的对话类。你可以把它的CSS修改成Facebook的样式

---

请参阅。

jQuery插件如何

---

它可以做你所需要的一切。只需将CSS中引用的关闭按钮的图像资源更改为从Facebook复制的图像资源，顶部标题和页脚div的样式类似于Facebook的对话框。半透明的灰色边框在Facebook插件中都是现成的。

为什么不使用Facebook Connect的库呢

---

始终显示Facebook使用的模式对话框的正确布局。Facebook一直在更新这个东西，所以使用一些很快就会过时的东西没有多大意义，特别是如果没有人跟上时代。这就是我要用的东西。

这可能就是你要找的东西：

---

我对css不是很在行。我试过玩它，但没玩到那么远。