Артём Мáлков

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

29 сен1 комм

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

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

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

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

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

});

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

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

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

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

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

});

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

Рекомендуем к просмотру
Как убрать подчеркивание у ссылок в HTML на CSS/jQuery
Статьи и советы
Простой скрипт ротатора ссылок и баннеров на PHP+jQuery
Модули и скрипты
Как изменить стандартный курсор на сайте?
Статьи и советы
1
комментарий
Форма комментирования этого поста скрыта. Авторизуйтесь, чтобы расширить привилегии гостевого посещения и получить необходимую помощь от сообщества Pandoge.
    • 0
    766
      •  Гости
    20 апр в 16:59

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

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