是否有一个很好的jQuery插件用于隐藏效果，看起来像在Windows中最小化窗口

Question

正如标题所述，是否有一个jQuery插件效果可以让我以一种像Windows一样的方式隐藏div？因此div会移动，缩小，并对屏幕上的某个点变得透明。这是一个例子：http://fstoke.me/jquery/window/这几乎是我正在寻找的东西，除了我认为不可能只使用效果。

Answer 1

您可以使用jQuery的.animate()方法。你需要的效果是改变是：

• 窗口宽度
• 窗口高度
• 顶部位置
• 左侧位置

像这样：

$('#element').animate({
    top: $(window).height(), // to force the window to minimize at the bottom corner
    left: 0,
    width: '20px',
    height: 0
});

Here is a jsFiddle example我刚刚制作了jQueryUI对话框。 this没有jQueryUI。

编辑：如果您愿意，还可以添加透明度，例如opacity: 0.3