使用jQuery的ExtJS窗口动画
ExtJS window animations with jQuery
我需要用jQuery实现以下效果:
http://dev.sencha.com/deploy/ext-3.4.0/examples/desktop/desktop.html
点击"网格窗口"或"手风琴窗口"图标将以"缩放"方式从页面左下角到中间打开窗口。
我需要做的是对jQuery做同样的操作,只是将打开的窗口移动到页面的右下位置。
有人能告诉我如何实现这一点吗?或者是否已经有了jQuery插件?
谢谢!
第一步可以使用.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
});
小提琴
相关文章:
- 创建一个类似Jquery动画的Flipboard弹出窗口
- 使用 jQuery 对窗口进行动画处理
- 基于媒体查询的angular js动画无法调整窗口大小
- 动画渐变(javascript)背景不会延伸到窗口的整个高度
- 引导:模式窗口中的动画
- 在调整窗口大小时停止/重新启动动画循环
- 如何将 jquery 动画应用于我的弹出窗口
- 动画窗口输入和输出 jQuery
- 请求动画帧范围更改为窗口
- JQuery 在窗口调整大小时动画的延迟很大
- 将图像组合在一起并在窗口加载时对图像进行动画处理
- 根据页面内容在导航中的位置对窗口内外的页面内容进行动画处理.[在里面摆弄]
- 谷歌地图API动画和多个信息窗口
- 为什么这个 JavaScript 代码不对窗口进行动画处理
- 当窗口宽度达到 865px 时重新启动绿袜 (JS) 动画
- 在窗口大小调整事件开始时暂停 Greensock 动画,在调整大小事件结束时恢复动画
- 创建从另一个页面拉取内容的动画响应弹出窗口
- 调整窗口大小后,画布动画速度加快
- 使用jQuery的ExtJS窗口动画
- 模态窗口动画在第一次点击是即时的