Mac OS X，同时使用Jquery最小化和最大化屏幕

Question

有没有办法在Mac OS正在使用的Jquery中制作动画，同时最小化和最大化屏幕？

Answer 1

你正在寻找的是一种“精灵效应”，而这在使用JavaScript或jQuery时是不可能的。也许当canvas在HTML5中取得更大进展时，可以将其移植过来实现它。在Flash中，这是可能的，因为在其他具有更高位图操作能力的脚本语言中也是如此。

此外，在Stack Overflow上还有其他类似的问题，链接到Flash的效果示例：Genie animation Javascript?

Answer 2

我很确定这是不存在的，或者至少你不能确定用户是否最小化了窗口。

您可以做的是检查用户focus是否在您的页面上，并根据该状态播放您的动画。

Answer 3

查看https://github.com/kamilkp/geniejs

和http://kamilkp.github.io/用于演示。

它适用于所有浏览器，包括移动设备(但在firefox上并不总是流畅)。它支持每个方向(上，下，左，右)的精灵效果过渡。即使目标html元素是某个具有溢出、自动或隐藏的容器的子级，它也可以工作。它本身与库无关，但我还编写了一个方便的jQuery插件。如果你还在你的项目中包含了HTML库，那么这个插件可以让你用精灵效果来动画html2canvas元素(扩展示例：http://kamilkp.co.nf/genie/canvas/)

对浏览器的唯一要求是它需要支持CSS转换。这是一个纯javascript + CSS的解决方案。