| Привязывает двух обработчиков к
соответствующим элементам, которые будут выполняться, когда указатель
мыши входит и выходит из элементов.
.hover( handlerIn(объектСобытия), handlerOut(объектСобытия) )
Добавлена в версию: 1.0
handlerIn(объектСобытия)
Функция
Функция выполняется, когда курсор мыши входит элемент.
handlerOut(объектСобытия)
Функция
Функция выполняется, когда курсор мыши выходит из элемента. Метод .hover() прикрепляет обработчиков для обоих событий mouseenter и mouseleave.
Мы можем использовать его, чтобы просто применить поведение элемента во время того как мышь находится в пределах элемента.
Вызов $(selector).hover(handlerIn, handlerOut) является сокращением для:
$(selector).mouseenter(handlerIn).mouseleave(handlerOut);
Смотрите обсуждение по .mouseenter() и .mouseleave() для подробных деталей. Примеры
Пример 1
Для того, чтобы добавить специальный стиль
для элемента списка над котором находится курсор мыши, можно поступить
следующим образом:
$("li").hover(
function () {
$(this).append($(" ***"));
},
function () {
$(this).find("span:last").remove();
}
);
//li with fade class
$("li.fade").hover(function()
{
$(this).fadeOut(100);
$(this).fadeIn(500);
});
Пример 2Для
того, чтобы добавить специальный стиль для ячейки таблицы над которой
находится курсор мыши, можно поступить следующим образом:
$("td").hover(
function () {
$(this).addClass("hover");
},
function () {
$(this).removeClass("hover");
}
);
Пример 3
Для удаления привязанных выше событий попробуйте сделать так:
$("td").unbind('mouseenter mouseleave');
.hover( handlerInOut(объектСобытия) )
Возвращает: jQuery
Описание:
Привязывает единственный обработчик к соответствующим элементам, который
будет выполняться, когда указатель мыши входит и выходит из элементов.
.hover( handlerInOut(объектСобытия) )
Добавлена в версию: 1.4
handlerInOut(объектСобытия)
Функция
Функция выполняется, когда курсор мыши входит или выходит из элемента. Метод .hover(), когда передается единственная функция, запускает обработчик для обоих событий mouseenter и mouseleave.
Это позволяет пользователю использовать различные методы переключения jQuery
в пределах обработчика.
Вызов $(selector).hover(handlerInOut) является сокращением для:
$(selector).bind("mouseenter mouseleave",handlerInOut);
Смотрите обсуждение по .mouseenter() и .mouseleave() для подробных деталей. Пример
Вызывает скольжение следующего брата LI вверх и вниз на hover, и переключает класс.
$("li")
.filter(":odd")
.hide()
.end()
.filter(":even")
.hover(
function () {
$(this).toggleClass("active")
.next().stop(true, true).slideToggle();
}
);
|