Уроки jQuery / События мыши
2.2.11 CSS: событие наведения мыши и легкая анимация
Статья связана с репозиторием на GitHub. Сейчас немного о том, как оживить сайт без подключения JavaScript. С тем, как описываются стили в CSS мы уже разобрались в отдельной статье. Сейчас создам простенький div с текстом. Например вот так: Назначу блоку черную рамку, серую тень, размер 100 на 100 пикселей и отцентрированный текст шрифтом в 16 пикселей. Теперь о том, как изменить блок при наведении. Для начала просто поменяю стили: Наведение описывается добавлением :hover, как на скрине: если вы навели мышку на блок, то применяются правила из дополнительной инструкции...
События и jQuery: как сделать сайт интерактивным
jQuery — это мощная библиотека JavaScript, которая упрощает работу с DOM, анимациями, AJAX-запросами и, конечно же, событиями. События — это основа интерактивности на веб-страницах: клики, наведение курсора, ввод текста и другие действия пользователя. В этой статье разберём, как работать с событиями в jQuery, подписываться на них и реагировать на действия посетителей. События в jQuery обрабатываются с помощью метода .on(). Раньше использовались отдельные методы вроде .click(), .hover(), но .on() — универсальный и гибкий способ...