marquee HTML Tag

عنصر <marquee> يستخدم لإضافة شريط نصي أو صور متحركة مثل شريط الأخبار , يمكن التحكم في اتجاه الشريط المتحرك بحيث يبدأ من اليمين لليسار أو من اليسار إلى اليمين أو من الأعلى للأسفل أو من الأسفل للأعلى ، ويمكن أيضا التحكم في سرعة تمرير الشريط المتحرك وايقافه بشكل مؤقت عند وضع مؤشر الفأرة عليه.

تحذير هذا العنصر قديم ولم يعد مضمون العمل حتى وإن كان يعمل في بعض المتصفحات

الشكل الافتراضي


<marquee>هذا هو الشكل الافتراضي للشريط المتحرك</marquee>

هذا هو الشكل الافتراضي للشريط المتحرك
العنصرالوظيفةيضاف من
width تنسيق عرض الشريط المتحرك marquee
height تنسيق ارتفاع الشريط المتحرك marquee
border اظهار حدود للشريط المتحرك marquee
direction='right' تحديد اتجاه الشريط من اليمين marquee
direction='left' تحديد اتجاه الشريط من اليسار marquee
direction='up' تحديد اتجاه الشريط من أسفل لأعلى marquee
direction='down' تحديد اتجاه الشريط من أعلى لأسفل marquee
onmouseover='this.stop(); جعل الشريط المتحرك يتوقف عند مرور مؤشر الفأرة عليه marquee
onmouseout='this.start();' جعل الشريط المتوقف إستئناف الحركة مرة أخرى بعد إزالة مؤشر الفأرة عنه marquee

من اليسار لليمين


<marquee direction='right'>
جعل الشريط المتحرك يبدأ من اليسار لليمين
</marquee>

جعل الشريط المتحرك يبدأ من اليسار لليمين

من اليمين لليسار


<marquee direction='left'>
جعل الشريط المتحرك يبدأ من اليمين لليسار
</marquee>

جعل الشريط المتحرك يبدأ من اليمين لليسار

من أسفل لأعلى


<marquee direction='up'>
جعل الشريط المتحرك يبدأ من أسفل لأعلى
</marquee>

جعل الشريط المتحرك يبدأ من أسفل لأعلى

من أعلى لأسفل


<marquee direction='down'>
جعل الشريط المتحرك يبدأ من أعلى لأسفل
</marquee>

جعل الشريط المتحرك يبدأ من أعلى لأسفل

تحديد سرعة الشريط


<marquee direction='right' scrollamount='1'>سرعة الشريط 1</marquee>
<marquee direction='right' scrollamount='6'>سرعة الشريط 6</marquee>
<marquee direction='right' scrollamount='15'>سرعة الشريط 15</marquee>

سرعة الشريط 1 سرعة الشريط 6 سرعة الشريط 15

ايقاف الشريط مؤقتا


<marquee direction='right' scrollamount='6' onmouseover='this.stop();'>
ضع مؤشر الفأرة هنا .. هل تم ايقاف الشريط
</marquee>

ضع مؤشر الفأرة هنا .. هل تم ايقاف الشريط

ايقاف وتشغيل الشريط عند مرور مؤشر الفأرة


<marquee direction='right' scrollamount='6' onmouseover='this.stop();' onmouseover='this.stop();' onmouseout='this.start();'>
جعل الشريط المتحرك يتوقف عند مرور الماوس عليه ثم إستئناف الحركة مرة أخرى عند إزالة الماوس عن الشريط
</marquee>

جعل الشريط المتحرك يتوقف عند مرور الماوس عليه ثم إستئناف الحركة مرة أخرى عند إزالة الماوس عن الشريط