|
Нажимающаяся кнопка
Наверно Вы не раз видели как картинка сменяется другой картинкой при
наведении на нее мышкой. Этот эффект реализуется при помощи 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
при наведении на нее мышкой)
|
