Delay jquery: .delay() | jQuery API Documentation

Добавляет всплывающую подсказку к определенному элементу. Пример: контейнер : 'тело' . Этот параметр особенно удобен тем, что позволяет расположить всплывающую подсказку в потоке документа рядом с активирующим элементом, что предотвратит всплывающую подсказку от триггерного элемента во время изменения размера окна.

Задержка отображения и скрытия всплывающей подсказки (мс) — не относится к ручному типу триггера

Если указано число, применяется задержка как для скрытия, так и для отображения

Структура объекта: задержка: { "показать": 500, "скрыть": 100}

Разрешить HTML во всплывающей подсказке.

Если задано значение true, теги HTML в заголовке всплывающей подсказки будут отображаться во всплывающей подсказке. Если false, метод jQuery text будет использоваться для вставки содержимого в DOM.

Используйте текст, если вы беспокоитесь о XSS-атаках.

Как расположить всплывающую подсказку — авто | топ | дно | слева | верно.
Когда 9Если указано 0010 auto

Когда функция используется для определения размещения, она вызывается с узлом DOM всплывающей подсказки в качестве первого аргумента и узлом DOM триггерного элемента в качестве второго. Контекст this установлен на экземпляр всплывающей подсказки.

Базовый HTML для использования при создании всплывающей подсказки.

Заголовок всплывающей подсказки будет вставлен в

. tooltip-inner .

.arrow станет стрелкой всплывающей подсказки.

Самый внешний элемент-оболочка должен иметь .tooltip класс и role="tooltip" .

Значение заголовка по умолчанию, если атрибут title отсутствует.

Если задана функция, она будет вызываться со своей этой ссылкой , установленной на элемент, к которому прикреплена всплывающая подсказка.

Как срабатывает всплывающая подсказка - нажмите | парить | фокус | руководство. Вы можете передать несколько триггеров; разделяйте их пробелом.

'manual' указывает, что всплывающая подсказка будет запускаться программно с помощью методов . tooltip('show') , .tooltip('hide') и .tooltip('toggle') ; это значение нельзя комбинировать ни с каким другим триггером.

'hover' сам по себе приведет к всплывающим подсказкам, которые нельзя активировать с помощью клавиатуры, и их следует использовать только в том случае, если существуют альтернативные методы передачи той же информации для пользователей клавиатуры.

Bounce Utilities

Flip

Используйте анимацию fa-flip для поворота значка в трехмерном пространстве (открывается в новом окне). По умолчанию флип поворачивает значок вокруг оси Y на 180 градусов. Переворот полезен для переходов, состояний обработки или для использования физических объектов, которые переворачиваются в реальном мире.

Flip Utilities

Встряхивание

Используйте анимацию fa-shake , чтобы привлечь внимание или отметить, что что-то не разрешено, покачивая значок вперед и назад.

Spin

Используйте класс fa-spin , чтобы заставить любой значок вращаться, и используйте fa-spin-pulse , чтобы он вращался с восемью шагами. Это особенно хорошо работает с fa-spinner и всем, что относится к категории значков счетчиков. Если вы хотите, чтобы значок вращался в обратном направлении (например, против часовой стрелки), добавьте дополнительный класс fa-spin-reverse .

Spin Utilities

Utility	Детали
fa-spin 90 90 10 вращение по часовой стрелке 3 значка вращения по часовой стрелке 3 значка 42
fa-spin-pulse	Заставляет значок вращаться 360° по часовой стрелке с шагом 8 шагов
fa-spin-reverse	При использовании в сочетании с fa-spin или fa-spin-pulse заставляет значок вращаться против часовой стрелки.

Мы устарели fa-pulse

Класс анимации fa-pulse , который мы использовали в предыдущих версиях Font Awesome, по-прежнему работает в версии 6. Но мы решили переименовать его в fa- спин-импульс . Мы считаем, что это имя более точно соответствует его назначению, и мы перенесем его для использования в будущих версиях.

Доступность

Использование анимации в Интернете наиболее доступным способом требует дополнительного внимания:

В общем, лучше всего использовать анимацию в Интернете как дополнительный способ, а не как единственный способ отметить изменение состояния в пользовательском интерфейсе. Не забудьте обновить текст действий и изменить другие визуальные аспекты элементов!

И когда дело доходит до времени и продолжительности анимации, избегайте изменения состояния чего-либо со скоростью три раза в секунду или чаще, что может вызвать светочувствительную эпилепсию.

Все включенные анимации теперь поддерживают и используют предпочитает уменьшенное движение Мультимедийная функция CSS (открывается в новом окне), чтобы определить, запросил ли пользователь, чтобы система минимизировала количество второстепенных движений, которые она использует.

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

Настройка

Мы добавили настраиваемые свойства CSS (открывается в новом окне), чтобы сделать настройку проще и эффективнее, и вы можете использовать эти настраиваемые свойства во всех наших анимациях. Определите свои собственные значения для следующих свойств, чтобы переопределить и настроить параметры Font Awesome по умолчанию.

Icon Animation + Wobbles

Мы приложили много усилий, чтобы значки находились точно по центру, когда они вращаются или пульсируют.