Представляю Вашему вниманию семнадцатый выпуск рассылки "Уроки веб-дизайна в примерах". В этом выпуске мы продолжим изучения технологии создания динамических сайтов.
Событие onMouseDown возникает при нажатии левой кнопкой мыши. В следующем примере при нажатии кнопки мыши на тексте меняется стиль оформления текста (текст выделяется жирным шрифтом).
| Код | Отображение |
| <p onMouseDown="this.style.fontWeight='bold'">Пример использования события onMouseDown.</p> |
Пример использования события onMouseDown. |
Событие onMouseUp возникает при отпускании нажатой левой кнопки мыши. В следующем примере нажатии кнопки мыши на тексте меняется стиль текста, а при отпускании стиль становится первоначальным.
| Код | Отображение |
| <p onMouseDown="this.style.fontWeight='bold'" onMouseUp="this.style.fontWeight='normal'">Пример использования события onMouseDown и onMouseUp.</p> |
Пример использования события onMouseDown и onMouseUp. |
Событие onMouseOver возникает при наведении курсора мыши на элемент. В следующем примере на наведении курсора мыши на текст появляется рамка.
| Код | Отображение |
| <div onMouseOver="this.style.borderWidth='1';this.style.borderStyle='dotted'">Пример использования события onMouseOver.</div> |
Пример использования события onMouseOver.
|
Событие onMouseMove возникает при наведении курсора мыши на элемент. В следующем примере на наведении курсора мыши на текст изменится цвет текста.
| Код | Отображение |
| <font onMouseMove="this.style.color='red'" onMouseOver="this.style.color='blue'">Пример использования события onMouseMove.</font> | Пример использования события onMouseMove. |
Событие onMouseOut возникает при перемещения указателя мыши за границы объекта. Следующий пример демонстрирует последовательность событий onMouseOver, onMouseMove и onMouseOut. Каждое из этих событий меняет цвет текста (соответственно на синий, красный и зеленый):
| Код | Отображение |
| <font onMouseOver="this.style.color='blue'" onMouseMove="this.style.color='red'" onMouseOut="this.style.color='green'">Пример использования события onMouseOut.</font> | Пример использования события onMouseOut. |
Событие onFocus возникает при получении объектом фокуса при переходе по клику мыши или с помощью клавиатуры. Это событие может быть описано для тегов LABEL, INPUT, SELECT, TEXTAREA и BUTTON. В следующем примере при клике на поле ввода текста, поясняющий текст исчезает (этот способ удобен для создания компактных и понятных форм, подсказка находится в самом поле и исчезает, при вводе в это поле информации):
| Код | Отображение |
| <INPUT value="Введите ваше имя" onFocus="this.value=''"> |
Событие onBlur возникает при потере объектом фокуса при переходе по клику мыши или с помощью клавиатуры. Это событие может быть описано для тегов LABEL, INPUT, SELECT, TEXTAREA и BUTTON. В следующем примере при клике на поле ввода текста, поясняющий текст исчезает (событие onFocus) и при переходе фокуса, если пользователь ничего не ввел, подсказка появляется снова (событие onBlur):
| Код | Отображение |
| <INPUT value="Введите ваше имя" onFocus="this.value=''" onBlur="if (this.value==''){this.value='Введите ваше имя'}"> |
Добавлен ряд статей в различных разделах.
Если у Вас есть авторские статьи по веб или графическому дизайну (или просто хорошие авторские статьи на любую тему) и Вы хотите ими поделиться с другими, то свяжитесь со мной со страницы контактов. Не забудьте указать Ваше имя и адрес Вашего веб-сайта имеющего отношение к статье.
28.10.2005 Открыт новый сервыс по выкупу платных ссылок
27.10.2005 Передовой браузер Flock построен на базе кода Firefox
27.10.2005 Ultracomp.ru стал лидером в рейтинге интернет-магазинов и сайтов
27.10.2005 68% российских интернетчиков не знают, что такое блоги
27.10.2005 Впервые арестован пользователь пиринговой сети BitTorrent
27.10.2005 ICANN и VeriSign уладили конфликт
27.10.2005 2005-й стал годом самого активного роста интернета в целом
27.10.2005 Директор католической школы запретил ученикам вести блоги
27.10.2005 Google тестирует новый сервис Google Base
27.10.2005 Microsoft примыкает к "библиотечному альянсу" Yahoo
P.S. Если Вы используете почтовую программу The Bat!, то письмо может отображаться некорректно. Для того, чтобы просмотреть правильный вариант, щелкните два раза на аттачменте Part.html и откройте письмо (кнопка "No/Нет").