ایجاد متن های متحرک در صفحه HTML

تگ <marquee> به شما اجازه می دهد که یک متن را به دلخواه خود در صفحه به حرکت در آورید. برای انجام این کار به جاوا اسکرپت نیاز ندارید. تنها مشکل این است که مرورگرهایی که بر پایه Netscape ساخته شده اند، نمی توانند به طور کامل با این تگ سازگار شوند و در پاره ای از اوقات با آن مشکل پیدا می کنند و تنها متن بدون حرکت را نشان می دهند.

در اینجا می توانید کدی را که برای ساخت متن متحرک ستفاده می شود مشاهده کنید:

<marquee loop="infinite">متن مورد نظر خود را اینجا بنویسید</marquee>

می خواهید ببینید چگونه کار می کند:

متن مورد نظر خود را اینجا بنویسید

شناسه "loop="infinte باعث می شود که متن تا هنگامی که صفحه باز است به حرکت خود ادامه دهد. شما می توانید به جای این شناسه از "loop="-1 هم استفاده کنید.

شما می توانید تغییراتی را در این تگ ایجاد کنید به جای infinite  در شناسه loop می توانید از اعداد استفاده کنید. برای مثال "loop="2  به مرورگر می گوید که حرکت متن را پس از دو بار چرخش متوقف کند.

می توانید با وارد کردن شناسه " "=bgcolor  به شما امکان این را می دهد که رنگ زمینه محلی را که متن در آن در حال چرخش است تغییر دهید. می توانید برای تغییر رنگ زمینه از نام رنگ یا معادل هگزادسیمال آنها استفاده کنید. به یک مثال توجه کنید:

<marquee loop="infinite" bgcolor="yellow">
متن مورد نظر خود را اینجا بنویسید
</marquee>

و این هم نتیجه این تگ:

متن مورد نظر خود را اینجا بنویسید

با اضافه کردن شناسه " "=width می توانید عرض متن متحرک خود را تعیین کنید. در این شناسه می توانید از مقیاس پیکسل و یا در صد استفاده کنید.

<marquee loop="infinite" bgcolor="yellow" width="400">
متن مورد نظر خود را اینجا بنویسید
</marquee>

با تگ بالا می توانید یک متن متحرک با عرض 400 پیکسل و رنگ زمینه زرد ایجاد کنید. مانند زیر:

متن مورد نظر خود را اینجا بنویسید

 

<marquee loop="infinite" bgcolor="yellow" width ="50%">
متن مورد نظر خود را اینجا بنویسید
</marquee>

با تگ بالا می توانید متنی متحرک با 50 در صد عرض پنجره مرورگر و با رنگ زمینه زرد ایجاد کنید. مانند زیر:

متن مورد نظر خود را اینجا بنویسید


نظرات بازدید کنندگان
نویسنده : یاسر زینلی
@erfan
برای متوقف کردن و دوباره استارت کردم marquee باید از دو متد جاوا اسکرپت که برای این المنت وجود داره استفاده بشه
متدی که این المنت رو متوقف میکنه ()stop هست و متد شروع مجدد ()start که با استفاده از رویداد onmouseover و onmouseout میشه این متدها رو با قرار گرفتن و خروج ماوس از محدوده المنت اجرا کرد. به این صورت (کپی و پیست نکنید چون صفحه راست به چپه بعضی کاراکتر ها رو جابجا نوشتم که درست نمایش داده بشه!):

<"marquee onmouseover="this.stop()" onmouseout="this.start()" width="400>
متن مورد نظر خود را اینجا بنویسید
<marquee/>
 
نویسنده : erfan
سلام
اگه بخوام وقتي موس ميره روش از حركت واسته چيكار كنم؟
ممنون مي شم كمكم كنيد
 
نویسنده : فاطمه
بسیار عالی بود.
 
نویسنده : یاسر زینلی
@محمد
رنگ متنها رو در این المنت و همینطور در بسیاری از المنهای دیگه میشه با استفاده از تگ <font> و یا با کمک شناسه style و خاصیت color عوض کرد
توضیحات روش اول در همین سری آموزش HTML موجود هست در مورد روش دوم هم در بخش آموزش CSS توضیح داده شده.
 
نویسنده : یاسر
@غزل
این المنت یک شناسه داره با نام direction که جهت حرکت محتوای مرکویی رو مشخص میکنه و  چهار تا مقدار میگیره:
up: که جهت حرکت از پایین به بالا
down: جهت حرکت از بالا به پایین
right: جهت حرکت از چپ به راست
left: جهت حرکت از راست به چپ
 
نویسنده : memol
salam vaghean khaste nabashid mochakeram az lotfeton... chetor az ax toy hard estefade konem
 
نویسنده : غزل
سلام  اگه بخوام متن از چپ به راست حرکت کنه چکار کنم؟
 
نویسنده : محمد
سلام اگه بخوام رنگ فونت هاشو تغییر بدم باید چی کار کنم ؟
 
نویسنده : ali
merc merc khili merc.ba matalebetun hal kardam.azatun motshakeram.khoda ajretun bede.omidvaram mavafagh bashid.
nemitunid mataledo besurate pdf dar biarid?age inkaro mikardid ali mishod!khahesh mikonam javabamo bedid!
bazam merc
 
نویسنده : والا
چگونه عکس از کامپیوتر خودم یا هارد خودم رو میتونم بیارم رو صفحه ام
 
نویسنده : علی
ممنون
 
نویسنده : Meysam
سلام خیلی عالی بود

اگه ممکنه آموزش متن متحرک از چپ به راست — فارسی -

رو توضیح بدید و ما رو بی خبر نذارید          Mer30
 
نویسنده : Meysam
damet garmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm
 
نویسنده : سحر
hi,
mikham  darbare dokme haye motharek bedoonam lotfan rahnamayi konid plz plz plz
 
نویسنده : o & s
ممنونيم "هر دوتامون"
 
نویسنده : a
سلام
خيلي جالب بود هرچي مي خواستم پيداكردم.ممنون و خسته نباشي
 
نویسنده : مینا راد
سلام واقعا استفاده کردم یک سوال دارم اگر بخواهم که یک تصویر در سایتم حرکت کنه چه باید کنم
 
نویسنده : mehran moridi
vagean jaye tashakkor dare
kareton harf nadare
 
نویسنده : نادر آذری
سلام . سایتت خیلی عالی هست دستت درد نکنه فقط نگفتی اگر بخوایم متن متحرک بر عکس حرکت کنه چه کنیم ؟
 
نویسنده : mehri
salam
chejuri mishe sorate harkate matnro kamtar kard?

 
نویسنده : محمد رضا شفیع زاده
با سلام:
درخصوص نحوه حرکت متن یا تصویر بصورت دایره ای  در صورت تمایل توضیحاتی ارائه بفرمایید.
 
نویسنده : علي
بسيار عالي