В центре экрана Вы видите число 1. Подведите к нему мышку- Вы видите число 2. Уберите мышку- появляется число 1.
Изменять можно не только текущую картинку, но и любую другую. Можно выводить любой текст. Можно вообще выполнять любые
действия на экране. При соответствующей фантазии можно творить чудеса. Но... Данный раздел работает только
под Netscape Navigator 3.x и Netscape Navigator 4.x, так как Microsoft Internet Explorer не поддерживает функции
onMouseOver и onMouseOut.
Ниже приводится текст данной программы:
<SCRIPT LANGUAGE="JavaScript">
netscape=0;
if (navigator.appName=="Netscape" && parseInt(navigator.appVersion)>= 3) {
netscape=1;
change=new Image();
change.src="img/2.gif";
normal=new Image();
normal.src="img/1.gif";
}
function change_image() {
if (netscape==1) document.images[1].src=change.src;
}
function normal_image() {
if (netscape==1) document.images[1].src=normal.src;
}
</SCRIPT>
<A HREF="Home.htm" onMouseOver="change_image();window.status='мышка в картинке';return true"
onMouseOut="normal_image();window.status='мышка вне картинки';return true">
<CENTER><IMG SRC="../img/new.gif" BORDER=0 ALT="Кликни здесь!"></A></CENTER>
Работа выполняется следующим образом:
Прежде всего проверяется, что мы работаем в Netscape версии не ниже 3.0.
Определяем 2 обьекта: change и normal и присваиваем им, соответственно, image- файлы 1.GIF и 1.GIF.
Определяем функции:
change_image (Она изменяет image[0], то есть первую картинку раздела на 1.GIF
normal_image (Она изменяет image[0] на 2.GIF
Определяем картинку 2.GIF. Это и есть наша image[0]. Определяем файл home.html (имя в данном случае не играет роли, если не
вызывать этот файл, но так как всегда найдутся желающие вызвать, то лучше указать имя текущего HTML- файла.
Здесь определены 2 функции:
onMouseOver (когда мышка выходит из картинки),
onMouseOut (когда мышка входит в картинку).
Когда мышка входит в картинку , вызывается функция change_image.
Она изменяет image[0], и появляется число 1, когда мышка выходит из картинки, вызывается функция normal_image, которая
вызывает соответствующий рисунок числа 2.
