1. 首页
  2. 问答
  3. Facebook的Modal Box的JQuery实现

Facebook的Modal Box的JQuery实现

2009-12-05 94 views
10

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

如果没有任何可用的话，那么如何将jQuery的ui模式对话框设为主题的示例将非常有用。 HTML输出为jQuery UI的模态对话框看起来是这样的：

<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>

来源

2009-12-05 zSynopsis

回答

15

jQuery插件Facebox怎么样？

它从箱子里出来，几乎可以满足你所需要的一切。只需将CSS中为关闭按钮引用的图像资源更改为从Facebook复制的图像资源，并将顶部标题和页脚div改为Facebook的对话框。半透明的灰色边框都是在Facebook插件中出现的。

来源

2009-12-05 17:50:03

+0

+1对于facebox ..真的很酷 – 2010-09-04 09:44:59

2

为什么不使用Facebook Connect的库？

FB.Connect.showShareDialog总是显示Facebook使用的模式对话框的正确布局。 Facebook一直都在更新这个东西，所以使用快速过时的东西并没有什么意义，特别是如果没有人保持最新状态。无论如何，这是我使用的。

来源

2009-12-07 05:53:01

相关问题

 相关问题