31

Главная - javascript - Мышь

mouseover плюс mouseout

Пример работы скрипта : «mouseover плюс mouseout»
Скрипт № 47.21
Cкачать архив «mouseover плюс mouseout»
Всего скачали 9 раз/а.

Соединим два события в одно mouseover плюс mouseout У нас есть вот такой блок. для иллюстрации работы сразу двух событий -mouseover плюс mouseout
<h1 id="demo">Наведи мышку на меня!</h1>
Скрипт, который и будет все эти события обрабатывать:
document.getElementById("demo").addEventListener("mouseover", mouseOver); document.getElementById("demo").addEventListener("mouseout", mouseOut);

function mouseOver() {
document.getElementById("demo").style.color = "red";
document.getElementById("demo").innerHTML = "Ты навел на меня";
}

function mouseOut() {
document.getElementById("demo").style.color = "black";
document.getElementById("demo").innerHTML = "Ты покинул меня";

}
Результат объединения двух событий mouseover плюс mouseout Чтобы увидеть результат наведите мышку на ниже идущую строку.

Наведи мышку на меня!



P.S. Этот, эти примеры и вообще весь сайт делается для того, чтобы вы могли понять, как это должно работать!
Потому, что я помню, как сам барахтался в этом море информации!
Не забывай о ближних своих!
Помогай им!
И не забывай тех, кто помог тебе!
Просто скажи спасибо!
Любая твоя реакция, на представление материалы очень важна для нас!
Не молчи! напиши что-то!(В рамках приличия конечно)


Нашел ошибку - напиши в коментах! У нас происходит большая чистка контента и приведение его к одному шаблону!
Если увидел ошибку – не поленись – напиши в коментах!
Мы очень Вам благодатны за вашу активную позицию!
Поделиться :
Оставить комментарий:
Всего комментариев : 0 PRO DW
+
=


PRO DW
Проголосовать: (Рейтинг звездный)
Еще никто не проголосовал
Может послушаем немного музыки!?