Oперации с мышкой
В центре экрана Вы видите изображение кнопки. Подведите к нему мышку - Вы видите нажатую кнопку. Уберите мышку - появлявится обычная кнопка. Обратите внимание также на подстрочный текст.
Изменять можно не только текущую картинку, но и любую другую. Можно выводить любой текст. Можно вообще выполнять любые действия на экране. При соответствующей фантазии можно творить чудеса. Но...
Данный раздел не работает под Internet Explorer 3, так как он не поддерживает функции onMouseOver и onMouseOut.
Ниже приводится текст данной программы.
<SCRIPT LANGUAGE = "JavaScript">
netscape = 0;
if (navigator.appName == "Netscape" || parseInt(navigator.appVersion)> 3)
{ netscape = 1;
change = new Image(84, 39);
change.src = "b5.gif";
normal = new Image(84, 40);
normal.src = "b6.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="s007.html"
onMouseOver="change_image();
window.status='мышка в картинке';
return true"
onMouseOut="normal_image();
window.status='мышка вне картинки';
return true">
<CENTER>
<IMG SRC="b6.gif" WIDTH=84 HEIGHT=40 BORDER=0 ALT="click here!"></A>
</CENTER>
Работа выполняется следующим образом:
Прежде всего проверяется, что мы работаем в Netscape версиине ниже 3.0.
Определяем 2 обьекта: change и normal и присваиваем им, соответственно, image - файлы b6.gif (обычная кнопка) и b5.gif (нажатая).
Определяем функции :
change_image - Она изменяет image[1] , то есть первую картинку раздела на b5.gif
normal_image - Она изменяет image[1] на b6.gif
Определяем картинку b6.gif. Это и есть наша image[1]. Определяем файл s007.html (имя в данном случае не играет роли, если не вызывать этот файл,но так как всегда найдутся желающие вызвать, то лучше указать имя текущего HTML - файла.
Здесь определены 2 функции:
onMouseOver (когда мышка выходит из картинки),
onMouseOut (когда мышка входит в картинку).
Когда мышка входит в картинку , вызывается функция change_image. Она изменяет image[1], и появляется изображение нажатой кнопки. Когда мышка выходит из картинки , вызывается функция normal_image ,которая вызывает соответствующий рисунок обычной кнопки.
