دورة Html الدرس 11 - النص المتحرك Marquee

اليوم درسنا مع وسم( الدالة \ الكود \ tag ) جديد وهو marquee
و يستخدم هذا الـ tag من أجل إنشاء نصوص متحركة أو صور
الطريقة الأساسية المبسطة له:

طه سوفت للبرامج

قم بنسخ الكود ولصقه في محرر أكواد Html الموجود على الرابط :
http://www.tahasoft.com/code.htm
و سترى النتجية وهي نص متحرك من اليمين إلى اليسار

خصائص هذا الوسم:
تحديد العرض و الارتفاع:
يتم ذلك باستخدام الخاصة width , heigh

دورة برمجة المواقع على منتدى طه سوفت

  

حيث يكون للنص المتحرك مساحة محددة لا يتجاوزها
وبتطبيقك للكود تتوضح الفكرة

الخاصة direction
تستخدم لتحديد اتجاه الحركة و لها نوعين من اليمين right و من اليسار left
المثال :

طه سوفت للبرامج

طه سوفت للبرامج

الخاصة behavior
لها ثلاثة أشكال وهي لتحديد طريقة الحركة
لنرى كل منها بالتفصيل
1- النوع : alternate
في هذا النوع عندما يصل النص المتحرك إلى النهاية يعود إلى البداية من حيث انتهى
مثال :

طه سوفت للبرامج

2- النوع scroll
عند وصول النص للنهاية يتابع طريقه ثم يظهر من البداية و هي نفس الحالة الطبيعية لاستعمال هذا الوسم بدون خصائص
مثال :

طه سوفت للبرامج

3- الخاصة slide
عند وصول النص للنهاية يتوقف عن الحركة :

طه سوفت للبرامج

مثال يوضح الأنواع الثلاثة لرؤية الفرق بينهم:

طه سوفت للبرامج

طه سوفت للبرامج

طه سوفت للبرامج

خاصة scrolldelay
للتحكم بسرعة حركة النص ( لإنقاص السرعة فقط \ التبطيء )
وقيمتها تكون بالميلي ثانية
حيث أن كل 1 ثانية = 1000 ميلي ثانية

1 sec = 1000 m sec

مثال على نص سرعة كل انتقال فيه نصف ثانية :

طه سوفت للبرامج

الخاصة scrollamount
وهي بعكس سابقتهاscrolldelay حيث تستخدم هذه للتسريع ( زيادة السرعة )
وكلما زاد الرقم زادات السرعة
مثال توضيحي جربه و انظر السرعة

طه سوفت للبرامج

طه سوفت للبرامج

الخاصة loop
للتحكم بعدد مرات التكرار
مثال

طه سوفت للبرامج

الخاصة bgcolor
للتحكم بلون خلفية النص المتحرك
طه سوفت للبرامج
حيث يمكن كتابة اللون أو الكود الخاص به
وسنتوسع بالحديث عن الألوان مع دروس css

يوجد خصائص أخرى مثل hspace و vspace للتحكم بالانزياح العمودي و الافقي
و غيرهم ولكن لن نطيل الحديث كثيراً فما تم ذكره كافي للتعامل مع النصوص المتحركة في html

ملاحظة :
يمكن وضع صور بدل النصوص بشكل متحرك
مثال :

حيث استعملنا الوسم img بدلاً من كتابة النص فقط
طبعاً الأمثلة السابقة كلها تصبح أوضح مع التطبيق و الممارسة
مع التمنيات بالتوفق للجيمع و اعذرونا على التأخر بطرح الدروس بسبب الانشغال