jquery - Fancybox - 如何实现这个效果？

Question

这个站点似乎在使用 jquery fancybox，但 fancybox 所涵盖的示例都没有做同样的事情。显示灯箱和点击灯箱消失到它来自的地方的效果非常好！有谁知道如何用fancybox达到同样的效果？

http://www.glauce.com/

Answer 1

他们正在使用 fancybox v1.3.4并使用记录在案的 API 选项，但与示例中的值不同。

使用这些选项可以实现您想要的效果：

$("a.fancybox").fancybox({
    'transitionIn': 'elastic',
    'transitionOut': 'elastic',
    'speedIn': 1000,
    'speedOut': 700
});​

见演示

...或在不关闭按钮的情况下单击内容时关闭相同的效果。