Mac OS X，同时使用 Jquery 最小化和最大化屏幕
有没有什么方法可以在 Mac OS 使用的 Jquery 中制作动画，同时最小化和最大化屏幕？
Is there any way to make an animation in Jquery which is being used by Mac OS while minimizing and maximizing the screens?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（3）
您正在寻找的是“精灵效应”，而使用 JavaScript 或 jQuery 是不可能/不切实际的。也许当 canvas 在 HTML5 中进一步发展时，可以将其移植以实现这一目标。在 Flash 中这是可能的，因为它在具有更高位图操作功能的其他脚本语言中也是如此。
此外，Stack Overflow 上还有其他类似问题，其中包含 Flash 效果示例的链接：
精灵动画 JavaScript？
What you're looking for is a "genie effect" and that is not really possible/practical using JavaScript or jQuery. Perhaps when canvas gets further along in HTML5 this can be ported over to make it happen. In Flash this is possible as it is within other scripting languages that have higher bitmap manipulation capabilities.
Also, there are other questions like this on Stack Overflow with links off to Flash examples of the effect:
Genie animation Javascript?
我很确定这种情况不存在，或者至少您无法确定用户是否正在最小化窗口。
您可以做的是检查用户是否 焦点 在您的页面上，具体取决于该用户说明您可以播放动画。
I'm pretty sure that doesn't exist or at least you can't be sure that the user is minimizing the window.
What you can do, is to check is the user focus on your page or not, and depending on that state you can play your animation.
查看 https://github.com/kamilkp/geniejs
和 http://kamilkp.github.io/ 进行演示。
它适用于包括移动设备在内的所有浏览器（尽管在 Firefox 上并不总是顺利）。它支持各个方向（上、下、左、右）的精灵效果过渡。即使目标 html 元素是某个具有自动溢出或隐藏的容器的子元素，它也可以工作。它本身与库无关，但我还编写了一个方便的 jQuery 插件。如果您还在项目中包含 html2canvas 库，则该插件可以让您使用精灵效果对 HTML 元素进行动画处理（此处扩展示例：http://kamilkp.co.nf/genie/canvas/)
对浏览器的唯一要求是它需要支持 CSS 过渡。这是一个纯粹的 javascript + CSS 解决方案。
Check out https://github.com/kamilkp/geniejs
and http://kamilkp.github.io/ for demo.
It works in every browser including mobile (not always smoothly on firefox though). It supports Genie Effect transitions in every direction (top, bottom, left, right). It works even if the target html element is a child of some container that has overflow auto or hidden. It is library agnostic itself, but i also wrote a convenience jQuery plugin. And if you also include the html2canvas library in your project, the plugin lets you animate HTML elements with genie effect (expanding example here: http://kamilkp.co.nf/genie/canvas/)
The only requirement for the browser is that it needs to support CSS transitions. It's a pure javascript + CSS solution.