jquery - 是否有一个很好的 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
});

这是我刚刚制作的带有 jQ​​ueryUI 对话框的 jsFiddle 示例。这是没有 jQueryUI 的。

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