تصف هذه المقالة طريقة JS لتنفيذ كتل ألوان الدوران أثناء وميض الماوس. شاركه للرجوع إليه. طريقة التنفيذ المحددة هي كما يلي:
انسخ الرمز كما يلي: <html>
<head>
<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 ، الخطوة = 0.2 ، curstep = 0 ، my = 0 ، mx = 0 ؛
document.write ('<div id = "ie" style = "الموضع: المطلق ؛ الأعلى: 0 ؛ اليسار: 0 ؛"> <div style = "الموضع: النسبية">') ؛
ل (أنا = 0 ؛ أنا <كمية ؛ i ++)
document.write ('<div id = "iestars" style = "الموضع: المطلق ؛ أعلى: 0px ؛ اليسار: 0px ؛ الارتفاع: 50px ؛ العرض: 50px ؛ font-family: Courier New ؛ font-size: 5px ؛ color:'+i]
document.write ('</div> </viv>') ؛
ini = 1 ؛
GSTEP = 1 ؛
وظيفة imouse () {
my = event.y ؛ mx = event.x ؛
}
document.onmousemove = imouse
وظيفة dim () {
ini- = gstep ؛
dt = setTimeOut ('dim ()' ، 10) ؛
إذا (ini <2) {
ClearTimeout (DT) ؛
يشع()؛
}
}
وظيفة glow () {
ini+= gstep ؛
gt = setTimeout ('Glow ()' ، 10) ؛
if (ini> 14) {
ClearTimeout (GT) ؛
dim () ؛
}
}
وظيفة النجوم () {
ie.style.top = document.body.scrolltop ؛
ل (أنا = 0 ؛ أنا <كمية ؛ i ++)
{
var layer = iestars [i] .style ؛
layer.filter = 'Glow (color ='+colors [i]+'، strength ='+ini+')' ؛
layer.top = ydelay+100*Math.sin ((5*Math.sin ((curstep-15.99)/10))+i*70)*Math.Sin ((currstep)/10)*Math.cos (((curstep+i*25)/10) ؛
layer.left = xdelay+180*Math.cos ((5*Math.sin ((currstep-15.99)/10))+i*70)*Math.sin ((currstep)/10)*Math.cos (((curstep+i*25)/10) ؛
}
curstep+= الخطوة ؛
}
تأخير الوظيفة () {
ydelay = ygetDelay+= (my-ygetdelay)*1/20 ؛
xDelay = XgetDelay+= (MX-XgetDelay)*1/20 ؛
النجوم () ؛
setTimeout ('Delay ()' ، 10) ؛
}
تأخير()؛
يشع()؛
}
//->
</script>
</body>
</html>
آمل أن تكون هذه المقالة مفيدة لبرمجة JavaScript للجميع.