Введение
Элемент пользовательского интерфейса
В вычислительной технике, наведение курсора мыши, эффект наведения или всплывающая подсказка — это графический элемент управления, который активируется при перемещении или наведении указателя мыши над целевой областью, обычно с помощью мыши, но также и с помощью цифрового пера. Элементы наведения курсора мыши часто встречаются в веб-браузерах. Например, наведение курсора на гиперссылку активирует элемент управления наведением, отображая URL в строке состояния. Веб-дизайнеры могут определять собственные события наведения с помощью JavaScript или каскадных таблиц стилей. События наведения часто используются в веб-дизайне и программировании графического пользовательского интерфейса. Оно также известно как эффект "rollover" (переключение), который относится к кнопке, созданной веб-разработчиком или веб-дизайнером на веб-странице, используемой для обеспечения интерактивности между пользователем и самой страницей. Термин "rollover" в этом контексте происходит от визуального процесса "перемещения курсора мыши над кнопкой", вызывающего реакцию кнопки (обычно визуальную, путем замены исходного изображения кнопки другим изображением), и иногда приводящего к изменению самой веб-страницы. Часть термина "roll" (перекат) вероятно относится к более старым мышам, у которых была механическая конструкция, состоящая из твердого резинового шара в основании мыши (который перекатывался), в отличие от современных оптических мышей, не имеющих движущихся частей. Эффект "rollover" может быть реализован с помощью изображений, текста или кнопок. Для выполнения этого интерактивного действия пользователю требуется всего два изображения/кнопки (с возможным добавлением "alt" текста к этим изображениям). Эффект переключения изображений может быть создан либо с помощью программы со встроенным инструментом, либо с помощью скриптового кода. Пользователю необходимо выбрать первое изображение и указать альтернативное второе изображение. Для запуска эффекта "rollover" необходимо настроить действие мыши на "клик" или "наведение". Когда курсор мыши наводится на изображение, появляется альтернативное/второе изображение, но оно не задерживается – когда пользователь убирает курсор мыши с изображения, исходное изображение снова отображается.
Наконец-то.
Особое применение события наведения указателя мыши — это всплывающая подсказка, которая отображает краткое описание объекта под курсором. Всплывающая подсказка появляется только после того, как мышь или стилус удерживаются над объектом в течение определенного времени. Для изображений их можно реализовать с помощью атрибута `title` в HTML.