javascript - 使用 jQuery 的 ExtJS 窗口动画

Question

我需要用jQuery实现以下效果：

http://dev.sencha.com/deploy/ext-3.4.0/examples/desktop/desktop.html

单击“网格窗口”或“手风琴窗口”图标将以“缩放”方式从左下角打开窗口到页面中间。

我需要做的是 - 对 jQuery 做同样的事情，但将打开的窗口移动到页面的右下角。

谁能告诉我如何实现这一点，或者是否已经有一个 jQuery 插件？

谢谢！

Answer 1

第一步可以.animate()用来更新top, left, width, height窗口的属性：

// compute target x,y coordinates of the bottom right corner
$('#window').animate({
    top: target.top,
    left: target.left,
    width: 0,
    height: 0
});

小提琴