Хотите на своей страничке сделать
подобный эффект? Делается все очень просто.
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')
|