تصف هذه المقالة طريقة JS لتحويل أسهم الماوس إلى تأثير على ضوء الشموع المحترق. شاركه للرجوع إليه. التفاصيل كما يلي:
هذا هو رمز JS الذي يقوم بتجميل تمامًا تأثير سهام الماوس. من خلال رمز JS هذا ، أضف أسهم الماوس إلى نمط لحرق الشمعة. هذا أيضًا رمز قديم جدًا ، ولا يمكن تشغيله إلا في المتصفحات IE8 وتحت ، الرمز هو كما يلي:
انسخ الرمز كما يلي: <html>
<head>
<meta http-equiv = "content-type" content = "text/html ؛ charset = gb2312">
<title> فأر الفلورسنت مميز جدا </title>
</head>
<body id = "mybody" style = "filter: light (actabled = 1) ؛" bgColor = "#ffffff" text = "#000000">
<div id = "layer1" style = "الارتفاع: 32 ؛ اليسار: 66 ؛ الموضع: المطلق ؛ الأعلى: 41 ؛ العرض: 52">
<dd>
<div align = "right">
<img src = "الصور/light.gif">
</div>
</dd>
</div>
<griding>
<tr>
<td> <font face = "宋体" color = "#ff00ff" style = "font-size: 9pt">
</font> <span style = "font-size: 9pt">
الخلاصة: رمز المصدر HTML5 ، مثيل القماش ، الرسوم المتحركة القماشية
برنامج ممارسة HTML5_CANVAS ، استخدم علامة قماش لرسم تأثيرات الرسوم المتحركة البسيطة: محاكاة الضوء الأخضر عند التقاطع ، وتذهب السيارة ؛ الضوء الأحمر قيد التشغيل ، وتوقف السيارة السيارة ، وتأثير الرسوم المتحركة قاسية نسبيًا ، للرجوع إليها من قبل المبتدئين. لا تدعم برامج HTML5 IE في الوقت الحاضر.
<br> لعبة إطلاق النار ، بعد بدء اللعبة ، <br> انقر فوق الكائن المتساقط مع الماوس ، ويمكنهم تصوير الأشياء المتفجرة. اللعبة التي تم إنشاؤها هي ذات جودة جيدة ورسوم متحركة سلسة. يرجى استخدام متصفح Firefox أو Chrome للاختبار. <br> لا يمكن للإصدارات التالية من IE8 تشغيل هذه اللعبة. <br> على الرغم من أن وظائف اللعبة ليست قوية ، إلا أنها تستخدم المهارات الأساسية في HTML5. <br> <br> <br> بالإضافة إلى ذلك ، تريد بعض فصول JS التي تديرها اللعبة أيضًا أن تكون خيارات جيدة. <br> <br>
استنادًا إلى مثيل التخزين HTML5 دون اتصال ، عند تحميل الصفحة ، يستخدم التطبيق وظيفة OnLoad للتحقق مما إذا كانت البيانات المقابلة موجودة بالفعل في منطقة ذاكرة التخزين المؤقت المحلية وستضيف نافذة ترحيب ، وإضافة مستمع حدث إلى <br> <br> واستمع إلى حدث تخزين. يمكن للتطبيق أن يستجيب لتغييرات LocalStorage ، والتحقق من أن المتصفح يدعم وظيفة LocalStorage ، وتعيين البيانات على ذاكرة التخزين المؤقت ، ومسح البيانات ، والوظائف الأخرى.
</span> </td>
</r>
</table>
<script language = "vbscript">
خافت أحمر ، GRE ، Blu
Dim X ، y ، z
الأحمر = 255
GRE = 255
Blu = 0
z = 100
sub window_onload ()
اتصل mybody.filters.light.addpoint (0،0 ، Z ، Red ، Gre ، Blu ، 100)
mybody.style.cursor = "اليد"
نهاية الفرعية
document_onmousemove ()
x = window.event.x
y = window.event.y
اتصل mybody.filters.light.movelight (0 ، x ، y ، 100 ، 1)
نهاية الفرعية
</script>
<script language = "javaScript">
// هذه وظيفة لنقل الطبقة
وظيفة move_layer ()
{
layer1.style.left = event.clientx+document.body.scrollleft-50 ؛
layer1.style.top = event.clienty+document.body.scrolltop-20 ؛
}
// ما نعنيه هنا هو أنه إذا تحرك الماوس ، يتم استدعاء وظيفة "move_layer".
document.onmousemove = move_layer ؛
</script>
</body>
</html>
آمل أن تكون هذه المقالة مفيدة لبرمجة JavaScript للجميع.