Главная » Файлы » Прочие скрипты » Яваскрипты

Искры при движении на кончике вашего курсора
23.06.14, 08:24:07



Интересный эффект некого подобия искр при движении вашего курсора. Трудно передать скриншотом...

Для начала посмотрите ДЕМО

Установка:

На нужных страницах после /head вставляйте:
Код
<script language="JavaScript">  
  //Comment trail script- By Kurt (kurt.grigg@virgin.net)  
  //Script featured on Dynamic Drive  
  //Visit http://www.dynamicdrive.com for this script and more  

  colours=new Array('#ff0000','#00ff00','#ffffff','#ff00ff','#ffa500','#ffff00','#00ff00','#ffffff','ff00ff')  
  n = 10;  
  y = 0;  
  x = 0;  
  n6=(document.getElementById&&!document.all);  
  ns=(document.layers);  
  ie=(document.all);  
  d=(ns||ie)?'document.':'document.getElementById("';  
  a=(ns||n6)?'':'all.';  
  n6r=(n6)?'")':'';  
  s=(ns)?'':'.style';  
  if (ns){  
  for (i = 0; i < n; i++)  
  document.write('<layer name="dots'+i+'" top=0 left=0 width='+i/2+' height='+i/2+' bgcolor=#ff0000></layer>');  
  }  
  if (ie)  
  document.write('<div id="con" style="position:absolute;top:0px;left:0px"><div style="position:relative">');  
  if (ie||n6){  
  for (i = 0; i < n; i++)  
  document.write('<div id="dots'+i+'" style="position:absolute;top:0px;left:0px;width:'+i/2+'px;height:'+i/2+'px;background:#ff0000;font-size:'+i/2+'"></div>');  
  }  
  if (ie)  
  document.write('</div></div>');  
  (ns||n6)?window.captureEvents(Event.MOUSEMOVE):0;  
  function Mouse(evnt){  
  y = (ns||n6)?evnt.pageY+4 - window.pageYOffset:event.y+4;  
  x = (ns||n6)?evnt.pageX+1:event.x+1;  
  }  
  (ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;  
  function animate(){  
  o=(ns||n6)?window.pageYOffset:0;  
  if (ie)con.style.top=document.body.scrollTop;  
  for (i = 0; i < n; i++){  
  var temp1 = eval(d+a+"dots"+i+n6r+s);  

  randcolours = colours[Math.floor(Math.random()*colours.length)];  
  (ns)?temp1.bgColor = randcolours:temp1.background = randcolours;
  if (i < n-1){  
var temp2 = eval(d+a+"dots"+(i+1)+n6r+s);  
temp1.top = parseInt(temp2.top);  
temp1.left = parseInt(temp2.left);  
}
  else{  
temp1.top = y+o;  
temp1.left = x;  
}  
  }  
  setTimeout("animate()",10);  
  }  
  animate();  
  // -->  
  </script>


Всё. Материал подготовлен Apocalypse

Категория: Яваскрипты | Добавил: Apocalypse | Теги: кончике, движении, при, курсора, на, Вашего, Искры
Просмотров: 458 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email: