2011-09-08 68 views

回答

1

你在找什么是一种“精灵效应”,使用JavaScript或jQuery并不是真的可行/实用。也许当canvas在HTML5中得到进一步发展时,可以移植它来实现它。在Flash中,这是可能的,因为它位于具有更高位图处理能力的其他脚本语言中。

另外,还有一些像这样的其他问题上堆栈溢出的链接断开到效果的Flash实例: Genie animation Javascript?

+0

感谢您的信息。 – booota

0

我敢肯定,这不存在或至少你不能确定用户是最小化窗口。

你可以做的是检查你的页面上是否有用户focus,根据你的状态你可以播放你的动画。

+0

我在谈论一个网站,而不是浏览器窗口。我需要动画内容div – booota

0

退房https://github.com/kamilkp/geniejs

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

它适用于包括手机在内的所有浏览器(尽管在Firefox上并不总是顺畅)。它支持各个方向(顶部,底部,左侧,右侧)的精灵效果转场。即使目标html元素是某个容器溢出自动或隐藏的子元素,它也可以工作。它本身是库不可知的,但我也写了一个方便的jQuery插件。如果您还在项目中包含html2canvas库,则插件可让您为生成具有精灵效果的HTML元素制作动画效果(扩展示例如下:http://kamilkp.co.nf/genie/canvas/

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