عندما يتصفح الجميع موقع الويب، ينبثق النص الموجود في شريط الحالة النشط واحدًا تلو الآخر من اليسار إلى اليمين، فهل تريد أيضًا أن تجعل صفحة الويب الخاصة بك لها نفس التأثير الآن؟ استخدم تطبيق برنامج JavaScript لتحقيق هذا التأثير، دعنا نحلل بعناية كيفية إنتاج هذا التأثير الديناميكي.
فكرة تحقيق هذا التأثير هي: أولاً قم بتعيين النص الذي سيتم تقديمه إلى متغير، وقم بإعداد وظيفة، واكتب النص على شريط الحالة بين الحين والآخر. سيظهر النص بشكل متزايد عندما يكون طول النص يساوي طول الجملة بأكملها، والوقت، واضبطه على 0، واكتب النص مرة أخرى، واستمر في التكرار للحصول على هذا التأثير.
بعد ذلك، دعونا نلقي نظرة على البرنامج المصدر.
<لغة البرمجة = "جافا سكريبت">
var msg = "مرحبًا بك في الوسائط المتعددة 5D!!";
// متغير msg هو تعيين النص (جملة واحدة) ليظهر في شريط الحالة
الفاصل الزمني فار = 120
// قم بتعيين الفاصل الزمني لعدد المللي ثانية التي يزيد فيها طول النص بمقدار واحد، وهنا 120 مللي ثانية
فار seq=0;
// يمثل طول النص الديناميكي
دالة التمرير () {
لين = msg. length;
window.status = msg.substring(0, seq+1);
// أضف حرفًا واحدًا إلى النص
seq++;
// أضف واحدًا إلى طول النص الديناميكي
إذا (seq >= لين) {
تسلسل = 0؛
window.status = '';
window.setTimeout("Scroll();"، الفاصل الزمني );
}
// إذا كان طول النص الديناميكي هو نفس طول الجملة بأكملها، فاضبط طول النص الديناميكي على 0 وابدأ من جديد.
آخر
window.setTimeout("Scroll();"، الفاصل الزمني );
}
انتقل ()؛
</script>
انسخ الكود المصدري أعلاه إلى علامة <body></body> لملف Html للحصول على التأثيرات التالية: