Лицевые вопросы рукописи
Страницы достижения анимации из четырех способов:
До сих пор широко используется на страницах пути для достижения анимации есть четыре, а именно,
1 переход анимация перехода достичь эффектов анимации
2 анимации C анимации для достижения эффектов анимации
3 родной JS полагаться на таймеры инкапсулирует анимации
4 по встроенной анимации JQuery (три группы на основе анимации и пользовательские анимации) для достижения эффекта
Отличающийся тем, что переход анимации перехода, может быть между двумя состояниями элемента страницы, автоматически анимированные
Очень простые и легкие, путем установки переходной Собствености, продолжительность, сроки-функция, задержка может быть очень легко контролировать различные анимации в основном, конечно, недостаток является также очень очевидным,
1 переход анимация перехода всегда начинается с текущего состояния, предназначенный для целевого состояния, то есть, переключение между двумя состояниями, это трудно сделать переход к реализации какой-то сложной анимации, стиль управления переходом немного частности, о, позиционирование может быть мгновенное место, и превратить его нет, поэтому во многих случаях два состояние элемента управления переходом, на самом деле, не мы думаем легко
2 анимация перехода, в лице дисплея: нет и индикации: блокировать эти два состояния переключения общего, нет никакого эффекта. В том числе между двумя странами надеется добавить на дополнительных свойствах изменяются не является эффективным, в сущности, состояние переходного состояния должно отображаться на странице
3 и CSS анимация всегда было проблемой для достижения этой цели свойство должно соответствовать, например, наше положение с привычками свойств позиционирования, как правило, с какой стороны рядом с какой стороны. Такие, как наклейки, оставленных на левом, придерживайтесь право использовать право, в этой точке, переход достичь анимации на самом деле все еще нужны некоторые вычисления, это не очевидно в JS анимированный внутри, на самом деле, потому что JS анимации (особенно родной), подчеркнул для достижения анимации путешествие по кумулятивным, а не в начале и в конце государства;
анимация страница c3 анимации стиля обеспечиваются восемь собственностью является очень гибким и @keyframe хСтатуса анимация путь, вы можете получить различную автоматическую анимацию;
Использование анимации движения одушевленных поступательное, чем JS удобно, JS Jquery должен иметь такую очередь анимации было удобнее
А на различном однонаправленное движение анимации, мы, как правило, может, как использовать JS для достижения, но на самом деле, чтобы динамически добавлять анимацию по имени класса, могут быть достигнуты довольно хорошие результаты;
Очень распространенный пример является окном страницы летающим в силу, мы надеемся, что эти коробки летят в как можно более стабильный, и предпочтительно только эффект анимации. В самом деле, вы можете установить имя класса размещения анимации (этот фильм, я лично хотел бы использовать относительное позиционирование, чтобы сделать, потому что относительное позиционирование, оно должно быть top0 анимированного назначения и Left0. Только нужно, чтобы установить стартовую позицию на нем , и вы можете сохранить и преобразовать свойства,
Native JS полагаться на таймер анимации для достижения, по сути, управлять свойствами коробки, таким образом, шаг за шагом коробки, достигнет установленной назначения в течение определенного времени;
Общая проблема является проблемой таймера для того, чтобы обеспечить таймер не будет конфликтовать друг с другом. Общая практика непосредственно перед кодом анимации, первый ясный взгляд на существующий таймер. Такой подход может решить проблемы между конфликтующей анимацией, но не способствует контролировать порядок выполнения кода, такие, как нам нужно сделать кое-что на момент окончания анимации, в этом случае, как правило, ясно, таймер судья записывает функцию обратного вызова, а затем выполнить эту функцию, так что, когда анимация достигает конец. Кроме того, легче регулировать, чем что-то с задержкой, как лучше контролировать, но если мы удалим таймер, функция обратного вызова не будет реализована;
И несколько раз выключить таймер, будет анимация проблема Катона. Это происходит потому, что государство не выполняет запуск таймера
(Если в анимированный таймер и установить, что надеюсь, что есть определенный порядок выполнения кода, а затем удалить таймер никогда не будет выполняться)
Другая проблема анимации, проблема заключается механизм анимации событий будут вызывать обнаженно; выпадающее меню в качестве примера, даже если общий подъем и выпадающее меню анимированы, так как анимация меню, как правило, быстрее, так оставляя обстоятельства падающего увеличительного стекла случае возникают, то есть, внутри родительского элемента в дочернем элемент, инициирующее родительский элемент, дочерние элементы в случай, а затем войти в восходящее цепочке события к родительскому элементу, в анимации будет иметь значительную эксгумацию
И если это только выпадающее меню анимации, оставить мгновенно исчезают, то эта функция, безусловно, тип бедствия. Из анимации просто не подходит этот случай. Вот почему мы имеем MouseEnter события уровня спасителя, но традиционный подход не является невозможным, я лично понял, путем обхода эффекта анимации, то есть как увеличительное стекло эффект, с Show Hidden момент заменить определенный вели себя анимацию, анимацию можно избежать эксгумации, но все событие вызовет необходимость хорошо продуманных. Это не анимация, не было бы никаких проблем, поэтому я думаю, что это должно быть сказано в анимации внутри
Анимация JQuery обеспечивает очень простой в использовании, особенно пользовательские анимации;
Но основа анимации на самом деле довольно часто. Смотрите много анимационных эффекты похожа основа, но есть необходимость обратить внимание на разницу между двумя передними и Тумблером анимацией. Переключение анимации можно продолжать добиться эффекта прекращения и основной анимации нет. Базовая анимация может обеспечить эффективность всей анимации триггера должна быть желательна, но есть риск ПЕРЕКЛЮчЕНИЕ быть противоположностью
JQuery пользовательская анимации не без риска, особенно после интенсивного метода проводит остановки. Если остановить фильм, то этот обычай анимация внутри функций обратного вызова не выполняется, если ключ эффект этой функции обратного вызова связан с выполнением такой последовательности диаграммы карусели и тому подобного, мы должны устранить коренные причины этой проблемы из (также дело в том, чтобы избавиться от пользователя так быстро!)