Главная » 2009 » Апрель » 26 » Водяные пузырьки возле курсора (Javascript)
26.04.2009, 16:28

Водяные пузырьки возле курсора





Code
<html>  <body>  <script language="JavaScript">  <!--     Image0=new Image();  Image0.src="whitebubble.gif";  Amount=20;     Ymouse=-50;  Xmouse=-50;  Ypos=new Array();  Xpos=new Array();  Speed=new Array();  rate=new Array();  grow=new Array();  Step=new Array();  Cstep=new Array();  nsSize=new Array();  ns=(document.layers)?1:0;  WinHeight=(document.layers)?window.innerHeight:window.document.body.clientHeight;  (document.layers)?window.captureEvents(Event.MOUSEMOVE):0;  function Mouse(evnt){  Ymouse=(document.layers)?evnt.pageY-20:event.y-20;  Xmouse=(document.layers)?evnt.pageX:event.x;  }  (document.layers)?window.onMouseMove=Mouse:document.onmousemove=Mouse;  for (i=0; i < Amount; i++){   Ypos[i]=Math.random()*WinHeight-Ymouse;  Xpos[i]=Xmouse;  Speed[i]=Math.random()*10+1;  Cstep[i]=0;  Step[i]=Math.random()*0.1+0.05;  grow[i]=4;  nsSize[i]=Math.random()*15+5;  rate[i]=Math.random()*0.5+0.1;  }  if (ns){  for (i = 0; i < Amount; i++){  document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0><img src="+Image0.src+" name='N' width="+nsSize[i]+" height="+nsSize[i]+"></LAYER>");  }  }  else{  document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');  for (i = 0; i < Amount; i++){  document.write('<img id="si" src="'+Image0.src+'" style="position:absolute;top:0px;left:0px;filter:alpha(opacity=90)">');  }  document.write('</div></div>');  }  function MouseBubbles(){  var hscrll=(document.layers)?window.pageYOffset:document.body.scrollTop;  var wscrll=(document.layers)?window.pageXOffset:document.body.scrollLeft;  for (i=0; i < Amount; i++){  sy = Speed[i]*Math.sin(270*Math.PI/180);  sx = Speed[i]*Math.cos(Cstep[i]*5);  Ypos[i]+=sy;  Xpos[i]+=sx;   if (Ypos[i] < -40){  Ypos[i]=Ymouse;  Xpos[i]=Xmouse;  Speed[i]= 6+Math.random()*3;  grow[i]=4;  nsSize[i]=Math.random()*15+5;  }  if (ns){  document.layers['sn'+i].left=Xpos[i]+wscrll;  document.layers['sn'+i].top=Ypos[i]+hscrll;  }  else{  si[i].style.pixelLeft=Xpos[i]+wscrll;  si[i].style.pixelTop=Ypos[i]+hscrll;  si[i].style.width=grow[i];  si[i].style.height=grow[i];   }  grow[i]+=rate[i];   Cstep[i]+=Step[i];  if (grow[i] > 24) grow[i]=25;  }  setTimeout('MouseBubbles()',10);  }  MouseBubbles();  //-->  </script>  </body>  </html>
Материал взят с сайта infoscript.ru
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: Неизвестен
Категория: JavaScript's | Просмотров: 2437 | Добавил: antisept | Рейтинг: 4.5/2 |
Всего комментариев: 3
0  
1 Cle()   (17.01.2010 14:17) [Материал]
Аватар пользователя
А куды пихать???

0  
2 antisept -Infoscript Team-  (17.01.2010 14:20) [Материал]
Аватар пользователя
между <body> и </body>

0  
3 Cle()   (18.01.2010 09:30) [Материал]
Аватар пользователя
ок попробую biggrin спс

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]