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