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

这是一个jsFiddle示例,我刚刚创建了jQueryUI对话框.而这是不jQueryUI的.

编辑:如果您愿意,也可以添加透明度 opacity: 0.3