Этот скрипт при наведении мыши на ссылку, слева от нее одна картинка сменяется другой.

Исходный текст:

Первая часть. В ней необходимо подправить имя загорающейся картинки, а можете и не подправлять если сохраните эту картинку под именем on.gif

<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 load(location){
return image;
}

if (roll == 'true'){
tr=new Image();
tr.src="on.gif";
}

function show(where){
if (roll == 'true'){
stored=where;
storedLocation=document.images[where].src;
document.images[where].src="on.gif";
}

}

function hide(){
if (roll == 'true') document.images[stored].src=storedLocation;
}

// -->
</SCRIPT>
 

Приведен пример с тремя ссылками

<IMG SRC="off.gif" NAME="im1" BORDER=0 HEIGHT=11 WIDTH=8>

<A HREF="http://www.babkiru.com/" onMouseOver="show('im1')" onMouseOut="hide()" >Все для WEB`а</A><BR>

<IMG SRC="off.gif" NAME="im2" BORDER=0 HEIGHT=11 WIDTH=8>

<A HREF="http://www.babkiru.com/" onMouseOver="show('im2')" onMouseOut="hide()" >Лучшие спонсоры</A><BR>

<IMG SRC="off.gif" NAME="im3" BORDER=0 HEIGHT=11 WIDTH=8>

<A HREF="http://www.babkiru.com/" onMouseOver="show('im3')" onMouseOut="hide()" >Скрипты</A><BR>

off.gif - это имя прозрачного гиф файла Вам нужно положить его в ту же директорию где будет html страница.

В HEIGHT=11 WIDTH=8 установите размеры картинки on.gif

Если Вы хотите сделать более трех ссылок заметьте что у каждой ссылки свое значение NAME="imX" и show('imX')

<Назад>