Amar é viver

Estrelinhas caindo do mouse com duas cores

Já ensinamos aqui no blog como colocar estrelinhas caindo do mouse. Agora vamos ensinar basicamente o mesmo efeito, porém com duas cores, ou seja as estrelinhas mudam de cor conforme caem.

Aqui no blog, as estrelinhas começam a cair em vermelho e depois mudam para verde.

1º Passo) Copiar o código abaixo

<script type="text/javascript">
// <![CDATA[ var colour="#00FF00"; var colour3="#FF0000"; var sparkles=70;

var x=ox=400; var y=oy=300; var swide=800; var shigh=600; var sleft=sdown=0; var tiny=new Array(); var star=new Array(); var starv=new Array(); var starx=new Array(); var stary=new Array(); var tinyx=new Array(); var tinyy=new Array(); var tinyv=new Array();

window.onload=function() { if (document.getElementById) { var i, rats, rlef, rdow; for (var i=0; i<sparkles; i++) { var rats=createDiv(3, 3); rats.style.visibility="hidden"; document.body.appendChild(tiny[i]=rats); starv[i]=0; tinyv[i]=0; var rats=createDiv(5, 5); var rats=createDiv3(5, 5);

rats.style.backgroundColor="transparent"; rats.style.visibility="hidden"; var rlef=createDiv(1, 5); var rlef=createDiv3(1, 5); var rdow=createDiv(5, 1); var rdow=createDiv3(5, 1); rats.appendChild(rlef); rats.appendChild(rdow); rlef.style.top="2px"; rlef.style.left="0px"; rdow.style.top="0px"; rdow.style.left="2px"; document.body.appendChild(star[i]=rats); } set_width(); sparkle();
}}

function sparkle() { var c; if (x!=ox || y!=oy) { ox=x; oy=y; for (c=0; c<sparkles; c++) if (!starv[c]) { star[c].style.left=(starx[c]=x)+"px"; star[c].style.top=(stary[c]=y)+"px"; star[c].style.clip="rect(0px, 5px, 5px, 0px)"; star[c].style.visibility="visible"; starv[c]=50; break; } } for (c=0; c<sparkles; c++) { if (starv[c]) update_star(c);