В этой статье описывается метод JS для реализации цветовых блоков вращения, когда мышь мигает. Поделитесь этим для вашей ссылки. Конкретный метод реализации следующим образом:
Скопируйте код следующим образом: <html>
<голова>
<title> JS следует за мигающим цветовым блоком мыши </title>
</head>
<тело>
<script language = "javascript">
<!-
if (document.all) {
Colors = new Array ('ff0000', '00ff00', '3366ff', 'ff00ff', 'fffa500', 'ffffff', 'ffff000')
сумма = colours.length;
Ygetdelay = 0, xgetdelay = 0, ydelay = 0, xdelay = 0, step = 0,2, currstep = 0, my = 0, mx = 0;
document.write ('<<div id = "ie" style = "позиция: Absolute; top: 0; слева: 0;"> <div style = "позиция: относительно">');
для (i = 0; i <сумма; i ++)
Document.Write ('<<div id = "iestars" style = "Положение: Absolute; Top: 0px; слева: 0px; Высота: 50px; ширина: 50px; font-family: курьерский новый; шрифт-размер: 5px; цвет:'+colors [i]+'; padving-top: 20px; text-align: center">. </div>;
document.write ('</div> </div>');
ini = 1;
gstep = 1;
функция imouse () {
my = event.y; mx = event.x;
}
Document.onmouseMove = imouse
функция dim () {
in- = gstep;
dt = settimeout ('dim ()', 10);
if (ini <2) {
ClearTimeOut (DT);
светиться();
}
}
функция Glow () {
ini+= gstep;
gt = settimeout ('glow ()', 10);
if (ini> 14) {
ClearTimeout (GT);
dim ();
}
}
function stars () {
ie.style.top = document.body.scrolltop;
для (i = 0; i <сумма; i ++)
{
var layer = iestars [i] .style;
layer.filter = 'Glow (color ='+colors [i]+', withe ='+ini+')';
layer.top = ydelay+100*math.sin ((5*math.sin ((currstep-1599)/10))+i*70)*math.sin ((currstep)/10)*math.cos ((currstep+i*25)/10);
Layer.left = XDelay+180*Math.cos ((5*Math.sin ((Currstep-1599)/10))+i*70)*Math.sin ((curstep)/10)*Math.cos ((currstep+i*25)/10);
}
curstep+= step;
}
функция задержка () {
Ydelay = ygetdelay+= (my-ygetdelay)*1/20;
Xdelay = xgetdelay+= (mx-xgetdelay)*1/20;
звезды ();
setTimeout ('delay ()', 10);
}
задерживать();
светиться();
}
//->
</script>
</body>
</html>
Я надеюсь, что эта статья будет полезна для каждого программирования JavaScript.