Este artigo descreve o método do JS para implementar os blocos de cores de rotação à medida que o mouse flassa. Compartilhe para sua referência. O método de implementação específico é o seguinte:
Copie o código da seguinte forma: <html>
<head>
<título> JS segue o bloco de cores piscando do mouse </ititle>
</head>
<Body>
<Script Language = "JavaScript">
<!-
if (document.all) {
Cores = New Array ('FF0000', '00FF00', '3366FF', 'FF00FF', 'FFFA500', 'FFFFF', 'FFFF000')
quantidade = colours.length;
YgetDelay = 0, xgetDelay = 0, yDelay = 0, xdelay = 0, passo = 0,2, currstep = 0, my = 0, mx = 0;
document.write ('<div id = "ie" style = "posição: absoluto; top: 0; esquerda: 0;"> <div style = "posição: relativa">');
para (i = 0; i <quantidade; i ++)
document.write ('<div id = "iestars" style = "Posição: absoluto; topo: 0px; esquerda: 0px; altura: 50px; largura: 50px; font-family: courier new; font-size: 5px; cor:'+cores [i]+';
document.write ('</div> </div>');
ini = 1;
gstep = 1;
função imouse () {
my = event.y; mx = event.x;
}
document.onMousEmove = imouse
função dim () {
ini- = gstep;
dt = setTimeout ('dim ()', 10);
if (ini <2) {
ClearTimeout (DT);
brilho();
}
}
função glow () {
ini+= gstep;
gt = setTimeout ('Glow ()', 10);
if (ini> 14) {
ClearTimeout (GT);
dim ();
}
}
Stars de função () {
ie.style.top = document.body.scrolltop;
para (i = 0; i <quantidade; i ++)
{
var camada = iestars [i] .style;
camada.Filter = 'Glow (color ='+Colors [i]+', força ='+ini+')';
camada.top = ydelay+100*math.sin ((5*math.sin ((currstep-15.99)/10))+i*70)*math.sin ((currstep)/10)*math.cos ((currstep+i*25)/10);
camada.left = xdelay+180*math.cos ((5*math.sin ((currstep-15.99)/10))+i*70)*math.sin ((currstep)/10)*math.cos ((currstep+i*25)/10);
}
currstep+= etapa;
}
Função Atraso () {
Ydelay = ygetDelay+= (my-ygetDelay)*1/20;
Xdelay = xgetDelay+= (mx-xgetDelay)*1/20;
estrelas ();
setTimeout ('Atraso ()', 10);
}
atraso();
brilho();
}
//->
</script>
</body>
</html>
Espero que este artigo seja útil para a programação JavaScript de todos.