Нажимающаяся
кнопка
Наверно Вы не раз видели как
картинка сменяется другой картинкой при
наведении на нее мышкой. Этот эффект реализуется
при помощи Java-скрипта. Скрипт состоит из двух
частей. Первая часть вставляется в html всего один
раз. А вторую придется вставить столько раз
сколько у Вас на страничке будет сменяющихся
картинок. Как всегда надписи отмеченные красным
необходимо подправить:
Первая часть:
<SCRIPT LANGUAGE="JavaScript">
<!--//
browser_name = navigator.appName;
browser_version = parseFloat(navigator.appVersion);
if (browser_name == "Netscape" && browser_version >= 3.0) { roll =
'true'; }
else if (browser_name == "Microsoft Internet Explorer" &&
browser_version >= 3.0) { roll = 'true'; }
else { roll = 'false'; }
function over(img,ref) { if (roll == 'true') { document.images[img].src = ref; } }
function out(img,ref) { if (roll == 'true') { document.images[img].src = ref; } }
if (roll == 'true')
{
a1=new Image;a1.src="image1.gif";
a2=new Image;a2.src="image2.gif";
...
aX=new Image;aX.src="imageX.gif";
}
//-->
</SCRIPT>
 В
конце первой части скрипта производится
подгрузка изображений нажимающихся кнопок.
Необходимо подгрузить картинки нажатой и не
нажатой кнопок.
...
aX=new Image;aX.src="imageX.gif";
Эти
две строчки показывают то, что необходимо
прописать подгрузку всех картинок. В работающем
скрипте не должно быть троеточия и вместо X
должно быть число
Вторая часть:
<A HREF="page.htm" onMouseOver="over('image_name','image2.gif');" onMouseOut="out('image_name','image1.gif');"><img
name="image_name" alt="текст"
src="image1.gif" width=x
height=y border="0"></A>
Что есть что:
page.htm - имя файла ссылки
image_name - Имя картинки, необходимо чтобы java-скрипт
знал какую картинку менять. У каждой картинки
должно быть свое имя.
image1.gif - Файл не нажатой кнопки.
image2.gif - Файл нажатой кнопки (будет на месте
картинки image1.gif при наведении на нее мышкой) |
главная
Смотрите также
