Главная Интернет WEB-учебник JavaScript


Интернет клуб

Новая страница
Описание html
Javascript

Что такое JavaScript
Обьект "Document"
Обработка событий
Обработка событий (Продолжение)
Обработка даты
Определение браузера
Операции с мышкой
Создание новых окон
Бегущая строка
Переход по выбору

Java в примерах
Полезные сайты
Задайте вопрос









Web-учебник. Раздел 3. Javascript.





Операции с мышкой



В центре экрана Вы видите изображение глаза. Подведите к нему мышку - Вы видите солнышко. Уберите мышку - появляется глаз. Обратите внимание также на подстрочный текст.

click here!

Изменять можно не только текущую картинку, но и любую другую. Можно выводить любой текст. Можно вообще выполнять любые действия на экране. При соответствующей фантазии можно творить чудеса. Но...
Данный раздел не работает под Internet Explorer 3 , так как он не поддерживает функции onMouseOver и onMouseOut.

Ниже приводится текст данной программы.


<SCRIPT LANGUAGE = "JavaScript">

netscape = 0;

if (navigator.appName == "Netscape" ||
parseInt(navigator.appVersion)> 3) {
netscape = 1;
change = new Image(64, 54); change.src = "webp102.gif";
normal = new Image(64, 54); normal.src = "webp101.gif";
}
function change_image() {
if (netscape==1) {
document.images[31].src = change.src;
}
}
function normal_image() {
if (netscape==1) {
document.images[31].src = normal.src;
}
}
</SCRIPT>

<A HREF="javascript.html"
onMouseOver="change_image();
window.status='мышка в картинке';
return true"

onMouseOut="normal_image();
window.status='мышка вне картинки';
return true">

<CENTER> <IMG SRC="webp101.html" WIDTH=64 HEIGHT=54 BORDER=0 ALT="click here!">
<BR>

Работа выполняется следующим образом:
Прежде всего проверяется, что мы работаем в Netscape версии не ниже 3.0.
Определяем 2 обьекта: change и normal и присваиваем им, соответственно, image - файлы webp102.gif (солнышко) и webp101.gif (глаз).
Определяем функции :
change_image (Она изменяет image[0] , то есть первую картинку раздела на webp102.gif
normal_image (Она изменяет image[0] на webp101.gif
Определяем картинку web101.gif. Это и есть наша image[0]. Определяем файл web37.html (имя в данном случае не играет роли, если не вызывать этот файл, но так как всегда найдутся желающие вызвать, то лучше указать имя текущего HTML - файла.
Здесь определены 2 функции:
onMouseOver (когда мышка выходит из картинки),
onMouseOut (когда мышка входит в картинку).

Когда мышка входит в картинку , вызывается функция change_image.
Она изменяет image[0], и появляется изображение солнышка
Когда мышка выходит из картинки , вызывается функция normal_image , которая вызывает соответствующий рисунок глаза.







  ©1996-2007   Megapolis Org   E-mail:   info@megapolis.org