Функція hover() у jQuery

Загальний вигляд функції виглядає так: hover(функція1, функція2)

При вирішенні Ваших повсякденних завдань з інтерактивності сторінок сайту, часто доведеться стикатися з питаннями наведення покажчика миші на будь-який об'єкт ( елемент вибірки документа сторінки сайту) або зняття покажчика миші з елемента вибірки, з'являться інші питання перемикання за допомогою шовку кнопки миші.

За прикладом далеко ходити не треба, навели на меню сторінки курсор миші з'явилося підменю, що випадає, зняли курсор - підменю пропало. Така подія добре обробляє функцію hover(). Звичайне вираз виглядає так:

Зазвичай, замість двох аргументів функції hover() застосовують дві анонімні функції function(). Так само дана подія відбувається як і в CSS при наведенні покажчика миші на елемент сторінки проявляється і при зрушенні покажчика миші з даного тега вибраний елемент ховається.

Допустимо у нас є видимий блок меню з тоді код нашої програми пишеться так:

Меню.

Перший рядок.
Другий рядок.
Третій рядок.

Наведіть курсор миші на синю клітинку зі словом "Меню." і проявитися підменю, що випадає, з трьома рядками. Забираєте курсор миші, зникаєте підменю.

Тут застосована замість функції прояву елемента вибірки show() - функція fideIn(800) із затримкою прояву на 800 мілісекунд і замість функції приховування hide() виявленого елемента - функція fideOut(1500) із затримкою приховування на півтори секунди.