이 기사에서는 마우스가 깜박임에 따라 회전 색상 블록을 구현하는 JS 방법에 대해 설명합니다. 참조를 위해 공유하십시오. 특정 구현 방법은 다음과 같습니다.
다음과 같이 코드를 복사하십시오. <html>
<헤드>
<title> js는 마우스의 번쩍이는 색상 블록을 따릅니다 </title>
</head>
<body>
<script language = "javaScript">
<!-
if (document.all) {
색상 = 새로운 배열 ( '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 = "위치 : 절대; 상단 : 0; 왼쪽;"> <div style = "위치 : 상대">');
for (i = 0; i <ands; i ++)
document.write ( '<div id = "iestars"style = "위치 : 절대; 상단; 상단 : 0px; 왼쪽 : 0px; 높이 : 50px; 너비 : 50px; font-family : 택배 새; 글꼴 크기 : 5px; 컬러 :'+색상 [i]+'; Sadding-Top; Text-Align : Center");
document.write ( '</div> </div>');
ini = 1;
gstep = 1;
함수 imouse () {
my = event.y; mx = event.x;
}
문서 .OnMousEmove = Imouse
함수 dim () {
ini- = gstep;
dt = settimeout ( 'dim ()', 10);
if (ini <2) {
클리어 타임 아웃 (DT);
불타는 듯한 빛깔();
}
}
함수 glow () {
ini+= gstep;
gt = settimeout ( 'glow ()', 10);
if (ini> 14) {
클리어 타임 아웃 (GT);
어둑한();
}
}
기능 별 () {
ie.style.top = document.body.scrolltop;
for (i = 0; i <ands; i ++)
{
var layer = iestars [i] .Style;
layer.filter = 'glow (color ='+colors [i]+', rength ='+ini+');
layer.top = ydelay+100*math.sin ((5*math.sin ((Currstep-155.99)/10))+i*70)*math.sin ((currstep)/10)*math.cos ((Currstep+i*25)/10);
layer.left = xdelay+180*math.cos ((5*math.sin ((Currstep-155.99)/10))+i*70)*Math.sin ((Curstep)/10)*Math.cos ((Currstep+i*25)/10);
}
Currstep+= 단계;
}
함수 지연 () {
ydelay = ygetdelay+= (my-ygetdelay)*1/20;
xdelay = xgetDelay+= (mx-xgetDelay)*1/20;
별 ();
settimeout ( 'Delay ()', 10);
}
지연();
불타는 듯한 빛깔();
}
//->
</스크립트>
</body>
</html>
이 기사가 모든 사람의 JavaScript 프로그래밍에 도움이되기를 바랍니다.