2011-09-08 63 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解決方案。