บทความนี้อธิบายวิธีการของ JS ในการใช้บล็อกสีหมุนเมื่อเมาส์กะพริบ แบ่งปันสำหรับการอ้างอิงของคุณ วิธีการใช้งานเฉพาะมีดังนี้:
คัดลอกรหัสดังนี้: <html>
<head>
<title> js ติดตามบล็อกสีกระพริบของเมาส์ </title>
</head>
<body>
<ภาษาสคริปต์ = "JavaScript">
-
if (document.all) {
Colors = new Array ('FF0000', '00FF00', '3366FF', 'FF00FF', 'FFFA500', 'FFFFFF', 'FFFFF000')
จำนวน = 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 = "ตำแหน่ง: สัมบูรณ์; top: 0; ซ้าย: 0;"> <div style = "ตำแหน่ง: ญาติ">');
สำหรับ (i = 0; i <จำนวน; i ++)
document.write ('<div id = "iestars" style = "ตำแหน่ง: Absolute; top: 0px; ซ้าย: 0px; ความสูง: 50px; ความกว้าง: 50px; Font-Family: Courier ใหม่; Font-Size: 5px; สี:'+colors [i]+'; padding-top: 20px;
document.write ('</div> </div>');
ini = 1;
gstep = 1;
ฟังก์ชั่น iMouse () {
my = event.y; mx = event.x;
-
document.onmousemove = iMouse
ฟังก์ชั่นสลัว () {
ini- = gstep;
dt = settimeout ('dim ()', 10);
ถ้า (ini <2) {
ClearTimeout (DT);
Glow ();
-
-
ฟังก์ชั่นเรืองแสง () {
ini+= gstep;
gt = settimeout ('glow ()', 10);
ถ้า (ini> 14) {
ClearTimeout (GT);
สลัว ();
-
-
ฟังก์ชั่นดาว () {
เช่น Style.top = document.body.scrolltop;
สำหรับ (i = 0; i <จำนวน; i ++)
-
var layer = iestars [i] .style;
Layer.filter = 'Glow (color ='+colours [i]+', strength ='+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 ((currstep)/10)*math.cos ((currstep+i*25)/10);
-
currstep+= ขั้นตอน;
-
ฟังก์ชั่นล่าช้า () {
ydelay = ygetdelay+= (my-ygetdelay)*1/20;
xdelay = xgetDelay+= (mx-xgetDelay)*1/20;
ดาว ();
settimeout ('delay ()', 10);
-
ล่าช้า();
Glow ();
-
-
</script>
</body>
</html>
ฉันหวังว่าบทความนี้จะเป็นประโยชน์กับการเขียนโปรแกรม JavaScript ของทุกคน