JavaScript. onMouseOver

JavaScript

События (events) и обработчики событий (event handler). Добавим динамики нашему сайту с помощью новых примочек. Несколько хитрых моментов. В этой статье мы рассмотрим одно из многих обработчиков событий — onMouseOver (навести мышь). Обычно оно работает в паре с событием onMouseOut Как вы могли уже догадаться, при наведение на что -либо, происходит что-либо. То есть событие. Но обо всём по порядку...

События

Событие — это то, что должно произойти либо уже происходит.
Событие, которое мы рассмотрим, зовётся onMouseOver, что значит «навести мышь». Мы создадим одно изображение чёрно-белым, а другое цветным. Затем зальём их на наш сайт и используем в своих целях . В каких? Сейчас увидите.

Скрипт

Скрипт обработчика события будет выглядеть примерно так

<img src="http://get-do-ok.ru/wp-content/uploads/2015/01/чб.png"alt=""
 onMouseOut="this.src='http://get-do-ok.ru/wp-content/uploads/2015/01/чб.png'"
 onMouseOver="this.src='http://get-do-ok.ru/wp-content/uploads/2015/01/цв.png'">;

Результат

;

Разбор скрипта

Мы с Вами уже научились читать код, но тут появились новые команды и непонятные нам слова. Поэтому давайте я помогу Вам.

IMG SRC — ничего не напоминает? Да , это тот самый HTML-тег, который отвечает за поиск картинки.

Свойства событий

Вернёмся к свойствам. Наша страница сайта имеет свои свойства. Почему бы и у других объектов им не быть? Например фон. При наведении курсора мыши на подобную ссылку, может меняться фон страницы или ещё лучше — сама страница. Фоном страницы управляет команда BGCOLOR, в JavaScript это будет bgColor. Зная ,что может сделать onMouseOver, я думаю, легко будет создать ссылку, которая бы меняла фон нашей страницы. Возможности подобного события ограниченны лишь нашей фантазией.

Итак, для чего нам могут пригодиться события и где раньше мы могли их встретить. Все мы активные пользователи сети Интернет и неоднократно посещали различные сайты (надеюсь Ваш досуг не ограничивается только соц сетью «ВКонтакте» ). Ну так вот, Вы должно быть часто замечали различные двигающиеся картинки по «бокам» сайта, где представлена реклама или какая-то мини-игра, которая кстати активируется, как только Вы наведёте на неё курсор мыши. Думаю,смысл понятен.

Всем приятного дня и чистого кодинга :)

Вы можете оставить комментарий, или Трекбэк с вашего сайта.

ОЦЕНИТЕ ПОЛЕЗНОСТЬ СТАТЬИ

Оценка: 4,83 ( голосов: 6)
Loading...Loading...

ПОДЕЛИТЬСЯ ССЫЛКОЙ

Оставить комментарий

Return to Top ▲Return to Top ▲