Sparkling cursor with trail- Cursores con rastro y brillos

Hii, hii~ Everyone!! Today i'm gona explain you how you can get a sparkling cursor!

Hola, holaa a tod@s!! Hoy os voy a explicar como podéis conseguir un cursor con brillos!

1. The first thing you have to do is COPY the incoming code

1. La primera cosa que tienes que hacer es COPIAR el siguiente código

2. Open Design/ Add a gadget/ HTML/Javascrip and PASTE the code and save! and is done! It's that simple!

2. Abrir la opción Diseño/ Añadir un gadget/ HTML/Javascrip y PEGAR el código y guardar y ya está! Así de sencillo!

Here some examples of how it look like:

He aquí algunos ejemplos de como queda:

In var colour="#FFFFFF"; you can change the colour. you have to find your favourite colour code between the quotation marks "# your favourite colour CODE ";

En var colour="#FFFFFF"; se modifica el color. Se pone el código del color que más te guste entre las comillas "# CÓDIGO del Color que más te guste ";

Here i leave a page where you can find out easily the HTML colour codes

http://html-color-codes.info/

Aquí os dejo una página donde podéis averiguar de manera muy sencilla los códigos HTML de los colores

http://html-color-codes.info/

I hope this post is helpful!! Have a nice day~~
Espero que este post os haya sido útil! Tened un buen día~~

CODE-CÓDIGO ( For WHITE sparkling- Para brillos BLANCO ) 

<script type="text/javascript"></div> <div style="text-align: left;"> // <![CDATA[</div> <div style="text-align: left;"> var colour="#FFFFFF";</div> <div style="text-align: left;"> var sparkles=120;</div> <div style="text-align: left;"> <br></div> <div style="text-align: left;"> /****************************</div> <div style="text-align: left;"> *  Tinkerbell Magic Sparkle *</div> <div style="text-align: left;"> * (c) 2005 mf2fm web-design *</div> <div style="text-align: left;"> *  http://www.mf2fm.com/rv  *</div> <div style="text-align: left;"> * DON'T EDIT BELOW THIS BOX *</div> <div style="text-align: left;"> ****************************/</div> <div style="text-align: left;"> var x=ox=400;</div> <div style="text-align: left;"> var y=oy=300;</div> <div style="text-align: left;"> var swide=800;</div> <div style="text-align: left;"> var shigh=600;</div> <div style="text-align: left;"> var sleft=sdown=0;</div> <div style="text-align: left;"> var tiny=new Array();</div> <div style="text-align: left;"> var star=new Array();</div> <div style="text-align: left;"> var starv=new Array();</div> <div style="text-align: left;"> var starx=new Array();</div> <div style="text-align: left;"> var stary=new Array();</div> <div style="text-align: left;"> var tinyx=new Array();</div> <div style="text-align: left;"> var tinyy=new Array();</div> <div style="text-align: left;"> var tinyv=new Array();</div> <div style="text-align: left;"> <br></div> <div style="text-align: left;"> window.onload=function() { if (document.getElementById) {</div> <div style="text-align: left;">   var i, rats, rlef, rdow;</div> <div style="text-align: left;">   for (var i=0; i<sparkles; i++) {</div> <div style="text-align: left;">     var rats=createDiv(3, 3);</div> <div style="text-align: left;">     rats.style.visibility="hidden";</div> <div style="text-align: left;">     document.body.appendChild(tiny[i]=rats);</div> <div style="text-align: left;">     starv[i]=0;</div> <div style="text-align: left;">     tinyv[i]=0;</div> <div style="text-align: left;">     var rats=createDiv(5, 5);</div> <div style="text-align: left;">     rats.style.backgroundColor="transparent";</div> <div style="text-align: left;">     rats.style.visibility="hidden";</div> <div style="text-align: left;">     var rlef=createDiv(1, 5);</div> <div style="text-align: left;">     var rdow=createDiv(5, 1);</div> <div style="text-align: left;">     rats.appendChild(rlef);</div> <div style="text-align: left;">     rats.appendChild(rdow);</div> <div style="text-align: left;">     rlef.style.top="2px";</div> <div style="text-align: left;">     rlef.style.left="0px";</div> <div style="text-align: left;">     rdow.style.top="0px";</div> <div style="text-align: left;">     rdow.style.left="2px";</div> <div style="text-align: left;">     document.body.appendChild(star[i]=rats);</div> <div style="text-align: left;">   }</div> <div style="text-align: left;">   set_width();</div> <div style="text-align: left;">   sparkle();</div> <div style="text-align: left;"> }}</div> <div style="text-align: left;"> <br></div> <div style="text-align: left;"> function sparkle() {</div> <div style="text-align: left;">   var c;</div> <div style="text-align: left;">   if (x!=ox || y!=oy) {</div> <div style="text-align: left;">     ox=x;</div> <div style="text-align: left;">     oy=y;</div> <div style="text-align: left;">     for (c=0; c<sparkles; c++) if (!starv[c]) {</div> <div style="text-align: left;">       star[c].style.left=(starx[c]=x)+"px";</div> <div style="text-align: left;">       star[c].style.top=(stary[c]=y)+"px";</div> <div style="text-align: left;">       star[c].style.clip="rect(0px, 5px, 5px, 0px)";</div> <div style="text-align: left;">       star[c].style.visibility="visible";</div> <div style="text-align: left;">       starv[c]=50;</div> <div style="text-align: left;">       break;</div> <div style="text-align: left;">     }</div> <div style="text-align: left;">   }</div> <div style="text-align: left;">   for (c=0; c<sparkles; c++) {</div> <div style="text-align: left;">     if (starv[c]) update_star(c);</div> <div style="text-align: left;">     if (tinyv[c]) update_tiny(c);</div> <div style="text-align: left;">   }</div> <div style="text-align: left;">   setTimeout("sparkle()", 40);</div> <div style="text-align: left;"> }</div> <div style="text-align: left;"> <br></div> <div style="text-align: left;"> function update_star(i) {</div> <div style="text-align: left;">   if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";</div> <div style="text-align: left;">   if (starv[i]) {</div> <div style="text-align: left;">     stary[i]+=1+Math.random()*3;</div> <div style="text-align: left;">     if (stary[i]<shigh+sdown) {</div> <div style="text-align: left;">       star[i].style.top=stary[i]+"px";</div> <div style="text-align: left;">       starx[i]+=(i%5-2)/5;</div> <div style="text-align: left;">       star[i].style.left=starx[i]+"px";</div> <div style="text-align: left;">     }</div> <div style="text-align: left;">     else {</div> <div style="text-align: left;">       star[i].style.visibility="hidden";</div> <div style="text-align: left;">       starv[i]=0;</div> <div style="text-align: left;">       return;</div> <div style="text-align: left;">     }</div> <div style="text-align: left;">   }</div> <div style="text-align: left;">   else {</div> <div style="text-align: left;">     tinyv[i]=50;</div> <div style="text-align: left;">     tiny[i].style.top=(tinyy[i]=stary[i])+"px";</div> <div style="text-align: left;">     tiny[i].style.left=(tinyx[i]=starx[i])+"px";</div> <div style="text-align: left;">     tiny[i].style.width="2px";</div> <div style="text-align: left;">     tiny[i].style.height="2px";</div> <div style="text-align: left;">     star[i].style.visibility="hidden";</div> <div style="text-align: left;">     tiny[i].style.visibility="visible"</div> <div style="text-align: left;">   }</div> <div style="text-align: left;"> }</div> <div style="text-align: left;"> <br></div> <div style="text-align: left;"> function update_tiny(i) {</div> <div style="text-align: left;">   if (--tinyv[i]==25) {</div> <div style="text-align: left;">     tiny[i].style.width="1px";</div> <div style="text-align: left;">     tiny[i].style.height="1px";</div> <div style="text-align: left;">   }</div> <div style="text-align: left;">   if (tinyv[i]) {</div> <div style="text-align: left;">     tinyy[i]+=1+Math.random()*3;</div> <div style="text-align: left;">     if (tinyy[i]<shigh+sdown) {</div> <div style="text-align: left;">       tiny[i].style.top=tinyy[i]+"px";</div> <div style="text-align: left;">       tinyx[i]+=(i%5-2)/5;</div> <div style="text-align: left;">       tiny[i].style.left=tinyx[i]+"px";</div> <div style="text-align: left;">     }</div> <div style="text-align: left;">     else {</div> <div style="text-align: left;">       tiny[i].style.visibility="hidden";</div> <div style="text-align: left;">       tinyv[i]=0;</div> <div style="text-align: left;">       return;</div> <div style="text-align: left;">     }</div> <div style="text-align: left;">   }</div> <div style="text-align: left;">   else tiny[i].style.visibility="hidden";</div> <div style="text-align: left;"> }</div> <div style="text-align: left;"> <br></div> <div style="text-align: left;"> document.onmousemove=mouse;</div> <div style="text-align: left;"> function mouse(e) {</div> <div style="text-align: left;">   set_scroll();</div> <div style="text-align: left;">   y=(e)?e.pageY:event.y+sdown;</div> <div style="text-align: left;">   x=(e)?e.pageX:event.x+sleft;</div> <div style="text-align: left;"> }</div> <div style="text-align: left;"> <br></div> <div style="text-align: left;"> function set_scroll() {</div> <div style="text-align: left;">   if (typeof(self.pageYOffset)=="number") {</div> <div style="text-align: left;">     sdown=self.pageYOffset;</div> <div style="text-align: left;">     sleft=self.pageXOffset;</div> <div style="text-align: left;">   }</div> <div style="text-align: left;">   else if (document.body.scrollTop || document.body.scrollLeft) {</div> <div style="text-align: left;">     sdown=document.body.scrollTop;</div> <div style="text-align: left;">     sleft=document.body.scrollLeft;</div> <div style="text-align: left;">   }</div> <div style="text-align: left;">   else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {</div> <div style="text-align: left;">     sleft=document.documentElement.scrollLeft;</div> <div style="text-align: left;"> <span class="Apple-tab-span" style="white-space:pre"> </span>sdown=document.documentElement.scrollTop;</div> <div style="text-align: left;">   }</div> <div style="text-align: left;">   else {</div> <div style="text-align: left;">     sdown=0;</div> <div style="text-align: left;">     sleft=0;</div> <div style="text-align: left;">   }</div> <div style="text-align: left;"> }</div> <div style="text-align: left;"> <br></div> <div style="text-align: left;"> window.onresize=set_width;</div> <div style="text-align: left;"> function set_width() {</div> <div style="text-align: left;">   if (typeof(self.innerWidth)=="number") {</div> <div style="text-align: left;">     swide=self.innerWidth;</div> <div style="text-align: left;">     shigh=self.innerHeight;</div> <div style="text-align: left;">   }</div> <div style="text-align: left;">   else if (document.documentElement && document.documentElement.clientWidth) {</div> <div style="text-align: left;">     swide=document.documentElement.clientWidth;</div> <div style="text-align: left;">     shigh=document.documentElement.clientHeight;</div> <div style="text-align: left;">   }</div> <div style="text-align: left;">   else if (document.body.clientWidth) {</div> <div style="text-align: left;">     swide=document.body.clientWidth;</div> <div style="text-align: left;">     shigh=document.body.clientHeight;</div> <div style="text-align: left;">   }</div> <div style="text-align: left;"> }</div> <div style="text-align: left;"> <br></div> <div style="text-align: left;"> function createDiv(height, width) {</div> <div style="text-align: left;">   var div=document.createElement("div");</div> <div style="text-align: left;">   div.style.position="absolute";</div> <div style="text-align: left;">   div.style.height=height+"px";</div> <div style="text-align: left;">   div.style.width=width+"px";</div> <div style="text-align: left;">   div.style.overflow="hidden";</div> <div style="text-align: left;">   div.style.backgroundColor=colour;</div> <div style="text-align: left;">   return (div);</div> <div style="text-align: left;"> }</div> <div style="text-align: left;"> // ]]></div> <div style="text-align: left;"> </script></div> <div style="text-align: left;"> <br></div> <div style="text-align: left;">  <textarea></div> <div style="text-align: left;"> <br></div> <div style="text-align: left;"> <br></div> </div>