|
Бегающий треугольник
Хотите на своей страничке сделать подобный эффект? Делается все очень
просто. 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 страница. Скачайте его тут
off
В HEIGHT=11 WIDTH=8 установите размеры картинки on.gif
Если Вы хотите сделать более трех ссылок заметьте что у каждой ссылки
свое значение NAME="imX" и show('imX')
|
