<script type = ‘text / javascript’>
// <! [CDATA [
var color = “# 38ACEC”; // código de cores
var sparkles = 40;
var x = ox = 400;
var y = oy = 300;
var swide = 800;
var shigh = 600;
var sleft = sdown = 0;
var tiny = novo Array ();
var star = new Array ();
var starv = new Array ();
var starx = new Array ();
var stary = novo Array ();
var tinyx = novo Array ();
var tinyy = novo Array ();
var tinyv = new Array ();
window.onload = function ()
{
if (document.getElementById)
{
var i, rats, rlef, rdow; // variáveis usadas para criar L
para (var i = 0; i <sparkles; i ++) // para exibir o L
{
var rats = createDiv (3,3); // altura e largura são passadas de ‘retângulo’ através da função createDiv
rats.style.visibility = “hidden”; // retângulo criado está oculto
document.body.appendChild (tiny [i] = ratos); // anexa o filho ‘L’ ao corpo do documento e a cada tempo de loop 39 ‘L’ são criados
starv [i] = 0;
tinyv [i] = 0;
ratos var = createDiv (5,5); // posteriormente o tamanho aumentado de ‘retângulo’
rats.style.backgroundColor = “transparent”;
rats.style.visibility = “escondido”;
var rlef = createDiv (1, 5);
var rdow = createDiv (5, 1);
rats.appendChild (rlef);
rats.appendChild (rdow);
rlef.style.top = “3px”;
rlef.style.left = “0px”;
rdow.style.top = “0px”;
document.body.appendChild (estrela [i] = ratos);
}
set_width ();
brilhar();
}}
função sparkle () {
var c;
se (x! = boi || y! = oy) {
boi = x;
oy = y;
para (c = 0; c <brilha; c ++) if (! starv [c]) {
estrela [c] .style.left = (starx [c] = x) + “px”;
estrela [c] .style.top = (stary [c] = y) + “px”;
estrela [c] .style.clip = “rect (0px, 5px, 5px, 0px)”;
estrela [c] .style.visibility = “visível”;
fome [c] = 50;
quebrar;
}
}
para (c = 0; c <brilha; c ++) {
if (starv [c]) atualizar estrela (c);
if (tinyv [c]) atualiza tiny (c);
}
setTimeout (“sparkle ()”, 40);
}
função update_star (i) {
if (–starv [i] == 25) estrela [i] .style.clip = “rect (1px, 4px, 4px, 1px)”;
if (starv [i]) {
stary [i] + = 1 + Math.random () * 3;
if (stary [i] <shigh + sdown) {
estrela [i] .style.top = stary [i] + “px”;
starx [i] + = (i% 5-2) / 5;
estrela [i] .style.left = starx [i] + “px”;
estrela [i] .style.visibility = “oculto”;
fome [i] = 0;
Retorna;
}
}
else {
tinyv [i] = 50;
tiny [i] .style.top = (tinyy [i] = stary [i]) + “px”;
tiny [i] .style.left = (tinyx [i] = starx [i]) + “px”;
minúsculo [i] .style.width = “2px”;
minúsculo [i] .style.height = “2px”;
estrela [i] .style.visibility = “oculto”;
tiny [i] .style.visibility = “visible”
}
}
função update_tiny (i) {
if (–tinyv [i] == 25) {
tiny [i] .style.width = “1px”;
minúsculo [i] .style.height = “1px”;
}
if (tinyv [i]) {
tinyy [i] + = 1 + Math.random () * 3;
if (tinyy [i] <shigh + sdown) {
tiny [i] .style.top = tinyy [i] + “px”;
tinyx [i] + = (i% 5-2) / 5;
tiny [i] .style.left = tinyx [i] + “px”;
tiny [i] .style.visibility = “oculto”;
tinyv [i] = 0;
Retorna;
}
}
else tiny [i] .style.visibility = “escondido”;
}
document.onmousemove = mouse;
função mouse (e) {
set scroll ();
y = (e)? e.pageY: evento.y + sdown;
x = (e)? e.pageX: evento.x + sleft;
}
conjunto de funções scroll () {
if (typeof (self.pageYOffset) == “número”) {
sdown = self.pageYOffset;
sleft = self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown = document.body.scrollTop;
sleft = document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft = document.documentElement.scrollLeft;
sdown = document.documentElement.scrollTop;
}
else {
sdown = 0;
sleft = 0;
}
}
window.onresize = definir largura;
função definida largura () {
if (typeof (self.innerWidth) == “número”) {
swide = self.innerWidth;
shigh = self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide = document.documentElement.clientWidth;
shigh = document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide = document.body.clientWidth;
shigh = document.body.clientHeight;
}
}
função createDiv (altura, largura) {
var div = document.createElement (“div”); // criando um elemento div
div.style.position = “absolute”; // definindo a posição do brilho
div.style.height = height + “px”; // altura do
parâmetro div.style.width = largura + “px”; // largura do
parâmetro div.style.overflow = “escondido”; // o que acontece se o conteúdo
estourar div.style.backgroundColor = color; // atribuído à cor variável
return (div); // retornando elemento div
}
//]]>
</script>
<div id = “coordiv”
onmousemove = “createDiv (height, width)”> </div>
estilo do cursor </p>
</body>
</html>