Facebook的Modal Box的JQuery实现

zSy*_*sis 10 jquery facebook modal-dialog

我想知道是否有人知道这个MooTools模式盒的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>
Run Code Online (Sandbox Code Playgroud)

Pat*_*mes 15

jQuery插件Facebox怎么样?

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