Студия JS дизайн - Java-скрипт - Бегающий треугольник

Хотите на своей страничке сделать подобный эффект? Делается все очень просто. Java-Script состоит из двух частей. Первая часть вставляется в html всего один раз. Вторая столько раз сколько ссылок рядом с которой будет появляться картинка (у меня треугольник появляется).

Первая часть. В ней необходимо подправить имя загорающейся картинки, а можете и не подправлять если сохраните эту картинку под именем 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.web.ru/Graphics/" onMouseOver="show('im1')" onMouseOut="hide()" >Графика для WEB`а</A><BR>

<IMG SRC="off.gif" NAME="im2" BORDER=0 HEIGHT=11 WIDTH=8><A HREF="http://www.mplik.ru/~vmstudio" onMouseOver="show('im2')" onMouseOut="hide()" >ГРАФИКА и ИНТЕРНЕТ</A><BR>

<IMG SRC="off.gif" NAME="im3" BORDER=0 HEIGHT=11 WIDTH=8><A HREF="http://www.zhurnal.ru/develop/tutorial/pictures.htm" onMouseOver="show('im3')" onMouseOut="hide()" >Картинки</A><BR>

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

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

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