Trio de Bolinhas No Mouse

Coloque Um Trio de Bolinhas seguindo o mouse! Efeito Bem legal!

 

 
Coloque esse codigo em seu site
<script type="text/javascript">
 
var xCol = "#FF0000";
var yCol = "#00FF00";
var zCol = "#0000FF";
var n = 6;   //number of dots per trail.
var t = 40;  //setTimeout speed.
var s = 0.2; //effect speed.
 
var r,h,w;
var d = document;
var my = 10;
var mx = 10;
var stp = 0;
var evn = 360/3;
var vx = new Array();
var vy = new Array();
var vz = new Array();
var dy = new Array();
var dx = new Array();
 
var pix = "px";
 
var strictmod = ((document.compatMode) && 
document.compatMode.indexOf("CSS") != -1);
 
var domWw = (typeof window.innerWidth == "number");
var domSy = (typeof window.pageYOffset == "number");
var idx = d.getElementsByTagName('div').length;
 
for (i = 0; i < n; i++)
{
   var dims = (i+1)/2;
   d.write('<div id="x'+(idx+i)+'" style="position:absolute;'
      +'top:0px;left:0px;width:'+dims+'px;height:'+dims+'px;'
      +'background-color:'+xCol+';font-size:'+dims+'px"><\/div>'
      +'<div id="y'+(idx+i)+'" style="position:absolute;top:0px;'
      +'left:0px;width:'+dims+'px;height:'+dims+'px;'
      +'background-color:'+yCol+';font-size:'+dims+'px"><\/div>'
      +'<div id="z'+(idx+i)+'" style="position:absolute;top:0px;'
      +'left:0px;width:'+dims+'px;height:'+dims+'px;'
      +'background-color:'+zCol+';font-size:'+dims+'px"><\/div>');
}
 
if (domWw) r = window;
else
   if (d.documentElement && 
     typeof d.documentElement.clientWidth == "number" && 
     d.documentElement.clientWidth != 0)
     r = d.documentElement;
   else
   { 
      if (d.body && typeof d.body.clientWidth == "number")
         r = d.body;
   }
}
 
function winsize()
{
   if (typeof window.innerWidth != 'undefined')
   {
      w = window.innerWidth;
      h = window.innerHeight;
   }
   else 
   if (typeof document.documentElement != 'undefined' && typeof document.documentElement.clientWidth != 'undefined' && document.documentElement.clientWidth != 0)
   {
      w = document.documentElement.clientWidth;
      h = document.documentElement.clientHeight;
   }
   else
   {
      w = document.getElementsByTagName('body')[0].clientWidth;
      h = document.getElementsByTagName('body')[0].clientHeight;
   }
}
 
function scrl(yx)
{
   var y,x;
   if (domSy)
   {
      y = r.pageYOffset;
      x = r.pageXOffset;
   }
   else
   {
      y = r.scrollTop;
      x = r.scrollLeft;
   }
   return (yx == 0)?y:x;
}
 
function mouse(e)
{
   var msy = (domSy)?window.pageYOffset:0;
   if (!e) e = window.event;    
   if (typeof e.pageY == 'number')
   {
     my = e.pageY - msy + 16;
     mx = e.pageX + 6;
   }
   else
   {
     my = e.clientY - msy + 16;
     mx = e.clientX + 6;
   }
   if (my > h-65) my = h-65;
   if (mx > w-50) mx = w-50;
}
 
function assgn()
{
   for (j = 0; j < 3; j++)
   {
      dy[j] = my + 50 * Math.cos(stp+j*evn*Math.PI/180) * Math.sin((stp+j*25)/2) + scrl(0) + pix;
      dx[j] = mx + 50 * Math.sin(stp+j*evn*Math.PI/180) * Math.sin((stp+j*25)/2) * Math.sin(stp/4) + pix;
   }
   stp+=s;
 
   for (i = 0; i < n; i++)
   {
      if (i < n-1)
      {
         vx[i].top = vx[i+1].top; vx[i].left = vx[i+1].left; 
         vy[i].top = vy[i+1].top; vy[i].left = vy[i+1].left;
         vz[i].top = vz[i+1].top; vz[i].left = vz[i+1].left;
      } 
      else
      {
         vx[i].top = dy[0]; vx[i].left = dx[0];
         vy[i].top = dy[1]; vy[i].left = dx[1];
         vz[i].top = dy[2]; vz[i].left = dx[2];
      }
   }
   setTimeout(assgn,t);
}
 
function init()
{
   for (i = 0; i < n; i++)
   {
      vx[i] = document.getElementById("x"+(idx+i)).style;
      vy[i] = document.getElementById("y"+(idx+i)).style;
      vz[i] = document.getElementById("z"+(idx+i)).style;
   }
   winsize();
   assgn();
}
 
if (window.addEventListener)
{
   window.addEventListener("resize",winsize,false);
   window.addEventListener("load",init,false);
   document.addEventListener("mousemove",mouse,false);
}  
else 
if (window.attachEvent)
{
   window.attachEvent("onload",init);
   document.attachEvent("onmousemove",mouse);
   window.attachEvent("onresize",winsize);
 
</script>
<a href="https://maiochristopher.webnode.com.br/dicas-webnode/">MaioChristopher - Trio de Bolinhas - Adicione em Seu Site!</a></p>
 
 
Não Mude Nada no Codigo Se não pode Haver serios erros em seu site/blog!
contador free
 

Enquete

Qual você prefere?

Séries (2.291)
Filmes (1.213)
Desenhos (1.158)
Clipes (1.071)
Nenhum (1.049)

Total de votos: 6782

Enquete

Você acha que o celular é o novo console da atualidade?

Sim (1.361)
Não (1.403)

Total de votos: 2764