Эффект приближения изображения(увеличения фото) с javascript Эффект приближения изображения(увеличения фото) с javascript - Архив
Эффект приближения изображения(увеличения фото) с javascript
DownLoad_Free

Эффект приближения изображения(увеличения фото) с javascript - Архив

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



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



Страница 1 из 11
Архив » История мировых и локальных событий » История развития сайта » Эффект приближения изображения(увеличения фото) с javascript (Современный эффект, все чаше используемый на сайтах)
Эффект приближения изображения(увеличения фото) с javascript
Дата: Пятница, 25.03.2011, 15:31 | Сообщение # 1
Группа: Администраторы
Сообщений: 1526
<html>

<div id='mov1' style='position:absolute;top:300px;left:300px;width:200px;height:200px;overflow:hidden;z-index:1' onmouseover='star();' onmouseout='iss();'>
<img id='pic1' src='girl1.jpg' width='400'></div>

<div id='movc' style='display:none;'>.</div>

<script>
var x=400;
var y=0;

function star() {
t=setInterval("rot()",10);
}

function rot() {
x++;
y++;
document.getElementById('pic1').style.width=x;
document.getElementById('pic1').style.marginLeft=-(y/3);
document.getElementById('pic1').style.marginTop=-(y/3);
document.getElementById('movc').innerHTML=x;
if(x>500) {clearInterval(t);}
}

function iss() {
document.getElementById('pic1').style.marginLeft=0;
document.getElementById('pic1').style.marginTop=0;
document.getElementById('pic1').style.width=400;
x=400;
y=0;
clearInterval(t);
}

</script>

</html>

Пример: http://wemodels-nsk.ru/m_001/
 
Архив » История мировых и локальных событий » История развития сайта » Эффект приближения изображения(увеличения фото) с javascript (Современный эффект, все чаше используемый на сайтах)
Страница 1 из 11
Поиск:


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