Facebook 模态框的 JQuery 实现

Question

我想知道是否有人知道 this MooTools modal box 的 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>

Answer 1

jQuery插件怎么样Facebox ？

它开箱即用，几乎可以满足您的所有需求。只需将关闭按钮的 CSS 中引用的图像资源更改为您从 Facebook 复制的图像资源，并将顶部标题和页脚 div 的样式设置为类似于 Facebook 的对话框。半透明的灰色边框在 Facebook 插件中都是开箱即用的。