Mac OS X при уменьшении и увеличении экрана с помощью Jquery

Question

Есть ли способ сделать анимацию в Jquery, которая используется Mac OS, при минимизации и максимизации экранов?

Answer 1

То, что вы ищете, - это «эффект джинна», и это не реально / практически невозможно с использованием JavaScript или jQuery. Возможно, когда холст продвинется дальше в HTML5, это может быть перенесено, чтобы это произошло. Во Flash это возможно, как и в других языках сценариев, которые имеют более широкие возможности для работы с растровыми изображениями.

Кроме того, есть и другие вопросы, подобные этому, в Stack Overflow со ссылками на Flash примеры эффекта: Джинн Анимация Javascript?

Answer 2

Проверьте https://github.com/kamilkp/geniejs

и http://kamilkp.github.io/ для демонстрации.

Работает в любом браузере, включая мобильный (хотя не всегда гладко в Firefox).Он поддерживает переходы Genie Effect во всех направлениях (сверху, снизу, слева, справа).Это работает, даже если целевой html-элемент является дочерним по отношению к некоторому контейнеру, у которого переполнение auto или скрыто.Это не зависит от библиотеки, но я также написал удобный плагин jQuery.И если вы также включите в свой проект библиотеку html2canvas, то этот плагин позволит вам анимировать элементы HTML с эффектом джинна (более подробный пример здесь: http://kamilkp.co.nf/genie/canvas/)

Единственное требование для браузера заключается в том, что он должен поддерживать переходы CSSЭто чистое решение javascript + CSS.

Answer 3

Я почти уверен, что он не существует, или, по крайней мере, вы не можете быть уверены, что пользователь свернул окно.

Что вы можете сделать, это проверить, является ли пользователь фокус на вашей странице или нет, и в зависимости от этого состояния вы можете воспроизводить анимацию.