Мощные VPS/VDS-сервера на новейшем поколении процессоров Intel от 210 ₽ в месяц   •   Реклама
Артём Мáлков

Выполнение функции при наведении на объект на jQuery

29 сен1 комм

В CSS существует пcевдокласс «:hover», с помощью которого можно изменить стили элемента, на который навели курсор. Но если нам нужно расширить желаемый результат и не просто изменить, например, цвет ссылки, а показать модальное окно при наведении на нее?

Для этого на помощь к нам приходит jQuery, а именно – событие «mouseover», которое отслеживает появление курсора на указанном объекте.

Использование:

$(document).on("mouseover", ".link", function() {

	// Тело функции

});

Где «.link» – класс нужного вам объекта.

Помимо этого, существует обратное событие «mouseout». Оно, в свою очередь, отслеживает тот момент, когда курсор с объекта убран.

Использование:

$(document).on("mouseout", ".link", function() {

	// Тело функции

});

Где «.link» – также нужный вам идентификатор элемента.

1
комментарий
Форма комментирования этого поста скрыта. Авторизуйтесь, чтобы расширить привилегии гостевого посещения и получить необходимую помощь от сообщества Pandoge.
    • 0
    766
      •  Гости
    20 апр в 16:59

    Хотелось бы увидеть пример для DLE где применить в созданной новости. Если возможно. А то ведь при создании новости нельзя прописывать скрипт.

Подняться наверх
«Pandoge» - помощник вебмастера