Серверное время 2018-10-15 14:03:49
Приветствую вас, Гость
Понравился сайт - нажми CTRL+D и добавь в закладки..
Теги HTML
HTML5
Атрибуты тегов
Значения
Статистика
Яндекс.Метрика
Реклама
Реклама

Событие onmousemove

Браузер
Internet Explorer
Chrome
Opera
Safari
Firefox
Версия
6.0
7.0
8.0
9.0
2.0
3.0
4.0
5.0
9.2
9.6
10
2.0
3.1
4.0
5.0
2.0
3.0
3.6
4.0
Поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Описание
Событие onmousemove используется для определения перемещения курсора мыши в любом направлении экрана. Это событие применяется для создания различных эффектов, связанных с курсором мыши: всплывающие подсказки, перетаскивание объектов и др.
Синтаксис
onmousemove="скрипт"
Значения
Код скрипта.
Значение по умолчанию
Нет.
Применяется к тегам
Пример

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Параметр onmousemove</title>
<script type="text/javascript">
function mouseCoords(e) {
// Для браузера IE
if (document.all) {
 x = event.x + document.body.scrollLeft;
 y = event.y + document.body.scrollTop;
// Для остальных браузеров
} else {
 x = e.pageX; // Координата X курсора
 y = e.pageY; // Координата Y курсора
}
 document.getElementById("coords").innerHTML = "X : " + x + ", Y : " + y;
}
</script>
<style type="text/css">
html, body {
height: 100%; /* Высота документа */
margin: 0; /* Убираем оступы на странице */
}
#coords {
background: #333; /* Цвет фона */
color: #fff; /* Цвет текста */
padding: 5px; /* Поля вокруг текста */
}
</style>
</head>
<body onmousemove="mouseCoords(event)">
 <div id="coords">&nbsp;</div>
</body>
</html>

Демонстрация примера
В данном примере на странице выводятся текущие координаты курсора мыши.
Первоисточник - htmlbook.ru Автор - Влад Мержевич
Комментариев (0)
Имя
Email
Осталось 65535 символов
© 2006-2012, Home-test.biz