( الدالة \ الكود \ tag ) جديد وهو marquee
و يستخدم هذا الـ tag من أجل إنشاء نصوص متحركة أو صور
الطريقة الأساسية المبسطة له:
<marquee>جلاكسو لاستضافة المواقع</marquee>
خصائص هذا الوسم:
تحديد العرض و الارتفاع:
يتم ذلك باستخدام الخاصة width , heigh
<marquee width=200 heigh=50>
جلاكسو لاستضافة المواقع
</marquee>
حيث يكون للنص المتحرك مساحة محددة لا يتجاوزها
وبتطبيقك للكود تتوضح الفكرة
الخاصة direction
تستخدم لتحديد اتجاه الحركة و لها نوعين من اليمين right و من اليسار left
المثال :
<marquee direction="left">جلاكسو لاستضافة المواقع</marquee>
<marquee direction="right">جلاكسو لاستضافة المواقع</marquee>
الخاصة behavior
لها ثلاثة أشكال وهي لتحديد طريقة الحركة
لنرى كل منها بالتفصيل
1- النوع : alternate
في هذا النوع عندما يصل النص المتحرك إلى النهاية يعود إلى البداية من حيث انتهى
مثال :
<marquee behavior=alternate>جلاكسو لاستضافة المواقع</marquee>
2- النوع scroll
عند وصول النص للنهاية يتابع طريقه ثم يظهر من البداية و هي نفس الحالة الطبيعية لاستعمال هذا الوسم بدون خصائص
مثال :
<marquee behavior=scroll>جلاكسو لاستضافة المواقع</marquee>
3- الخاصة slide
عند وصول النص للنهاية يتوقف عن الحركة :
<marquee behavior=alternate>جلاكسو لاستضافة المواقع</marquee>
<marquee behavior=scroll>جلاكسو لاستضافة المواقع</marquee>
<marquee behavior=slide>جلاكسو لاستضافة المواقع</marquee>
خاصة scrolldelay
للتحكم بسرعة حركة النص ( لإنقاص السرعة فقط \ التبطيء )
وقيمتها تكون بالميلي ثانية
حيث أن كل 1 ثانية = 1000 ميلي ثانية
1 sec = 1000 m sec
مثال على نص سرعة كل انتقال فيه نصف ثانية :
<marquee scrolldelay="500">جلاكسو لاستضافة المواقع</marquee>
الخاصة scrollamount
وهي بعكس سابقتهاscrolldelay حيث تستخدم هذه للتسريع ( زيادة السرعة )
وكلما زاد الرقم زادات السرعة
مثال توضيحي جربه و انظر السرعة
<marquee scrollamount="20">جلاكسو لاستضافة المواقع</marquee>
<marquee scrollamount="50">جلاكسو لاستضافة المواقع</marquee>
الخاصة loop
للتحكم بعدد مرات التكرار
مثال
<marquee loop="2">جلاكسو لاستضافة المواقع</marquee>
الخاصة bgcolor
للتحكم بلون خلفية النص المتحرك
<marquee bgcolor="blue">جلاكسو لاستضافة المواقع</marquee>
حيث يمكن كتابة اللون أو الكود الخاص به
وسنتوسع بالحديث عن الألوان مع دروس css
يوجد خصائص أخرى مثل hspace و vspace للتحكم بالانزياح العمودي و الافقي
و غيرهم ولكن لن نطيل الحديث كثيراً فما تم ذكره كافي للتعامل مع النصوص المتحركة في html
ملاحظة : يمكن وضع صور بدل النصوص بشكل متحرك
مثال :
<marquee><img src="https://glaxu.com/1234u.gif"/></marquee>
حيث استعملنا الوسم img بدلاً من كتابة النص فقط
طبعاً الأمثلة السابقة كلها تصبح أوضح مع التطبيق و الممارسة