Эффект лупы в навигации Эффект лупы в навигации - Архив
Эффект лупы в навигации
DownLoad_Free

Эффект лупы в навигации - Архив

Нашли ошибку или
хотите что-то сообщить -
жмите Ctr+Enter Система Orphus



    [Ленточный вид форума] [Поиск] [RSS]



Страница 1 из 11
Архив » История мировых и локальных событий » История развития сайта » Эффект лупы в навигации (Плавное увеличение картинки при наведении на нее мышью)
Эффект лупы в навигации
Дата: Понедельник, 19.10.2009, 03:21 | Сообщение # 1
Группа: Администраторы
Сообщений: 1526
<html>
<head>
<style>
.image {
cursor: pointer;
}
.text {FILTER:glow(color=ffffff, strength=50);}
</style>
</head>

<script>

var pic = new Array("pic0", "pic1", "pic2", "pic3", "pic4");
var x = new Array(60,60,60,60,60);
var t = new Array();

function tonext(a) {

x[a]+=3;
document.getElementById(pic[a]).width=x[a];

t[a] = setTimeout("tonext("+a+")",10);
if (x[a]>=100) {
document.getElementById(pic[a]).width=100;
clearTimeout(t[a]);
}
}

function toback(a) {
x[a]-=3;

document.getElementById(pic[a]).width=x[a];

t[a] = setTimeout("toback("+a+")",10);
if (x[a]<=60) {
document.getElementById(pic[a]).width=60;

clearTimeout(t[a]);
}
}

</script>

<body leftMargin=0 topMargin=0 bbgcolor=navy>
<center>

<table height=200 border=0 width=500><tr><td>
<img src=1.jpg width=60 hheight=60 class=image onmouseover='tonext(0)' onmouseout='toback(0)' id=pic0>
<img src=2.jpg width=60 hheight=60 class=image onmouseover='tonext(1)' onmouseout='toback(1)' id=pic1>
<img src=3.jpg width=60 hheight=60 class=image onmouseover='tonext(2)' onmouseout='toback(2)' id=pic2>
<img src=4.jpg width=60 hheight=60 class=image onmouseover="tonext(3)" onmouseout='toback(3)' id=pic3>
</td></tr></table>

</center>

</body>
</html>

 
Архив » История мировых и локальных событий » История развития сайта » Эффект лупы в навигации (Плавное увеличение картинки при наведении на нее мышью)
Страница 1 из 11
Поиск:


Copyright kachay.ucoz.org © 2008-2017Хостинг от uCoz
^ Наверх ^
Пригодилось!