Энциклопедия создания сайтов


         

Энциклопедия создания сайтов для начинающих.


Нажимающаяся кнопка

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

[На главную страницу ] [ К оглавлению JavaScript ]



Содержание  Назад  Вперед





Forekc.ru
Рефераты, дипломы, курсовые, выпускные и квалификационные работы, диссертации, учебники, учебные пособия, лекции, методические пособия и рекомендации, программы и курсы обучения, публикации из профильных изданий