Home

 Для чайника

 Уроки HTML

 Уроки JAVA

 Создание сайта

 Место под страницу

 Раскрутка

 Посещаемость

 Реклама и заработок

 Список спонсоров

 Плохие спонсоры

 Гостевая книга

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


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

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[0].src = change.src;
}
}
function normal_image() {
if (netscape==1) {
document.images[0].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 ,которая вызывает соответствующий рисунок глаза.

Оглавление
Следующий раздел