javascript - 使用 jQuery 的 ExtJS 窗口动画

Question

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

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

点击“网格窗口”或“ Accordion 窗口”图标将从左下角到页面中部以“缩放”方式打开窗口。

我需要做的是 - 对 jQuery 执行相同的操作，但将打开的窗口移动到页面的右下角位置。

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

谢谢!

Answer 1

第一步可以是使用.animate()更新窗口的顶部、左侧、宽度、高度属性:

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

fiddle