طراحي حرفه اي وب سايت : طراحي وب سايت خود را به گروه فناوري اطلاعات ايران بسپاريد

طراحي وب سايت طراحي حرفه اي وب سايت بهينه سازي وب سايت

ایجاد متن های متحرک در صفحه 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 در صد عرض پنجره مرورگر و با رنگ زمینه زرد ایجاد کنید. مانند زیر:

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


نظرات بازدید کنندگان
Mon, 08 Jun 2009 19:04:57 +0430 نویسنده : یاسر زینلی
@erfan
برای متوقف کردن و دوباره استارت کردم marquee باید از دو متد جاوا اسکرپت که برای این المنت وجود داره استفاده بشه
متدی که این المنت رو متوقف میکنه ()stop هست و متد شروع مجدد ()start که با استفاده از رویداد onmouseover و onmouseout میشه این متدها رو با قرار گرفتن و خروج ماوس از محدوده المنت اجرا کرد. به این صورت (کپی و پیست نکنید چون صفحه راست به چپه بعضی کاراکتر ها رو جابجا نوشتم که درست نمایش داده بشه!):

<"marquee onmouseover="this.stop()" onmouseout="this.start()" width="400>
متن مورد نظر خود را اینجا بنویسید
<marquee/>
 
Mon, 08 Jun 2009 10:53:52 +0430 نویسنده : erfan
سلام
اگه بخوام وقتي موس ميره روش از حركت واسته چيكار كنم؟
ممنون مي شم كمكم كنيد
 
Wed, 03 Jun 2009 20:53:33 +0430 نویسنده : فاطمه
بسیار عالی بود.
 
Sat, 23 May 2009 01:28:33 +0430 نویسنده : یاسر زینلی
@محمد
رنگ متنها رو در این المنت و همینطور در بسیاری از المنهای دیگه میشه با استفاده از تگ <font> و یا با کمک شناسه style و خاصیت color عوض کرد
توضیحات روش اول در همین سری آموزش HTML موجود هست در مورد روش دوم هم در بخش آموزش CSS توضیح داده شده.
 
Sat, 16 May 2009 23:41:30 +0430 نویسنده : یاسر
@غزل
این المنت یک شناسه داره با نام direction که جهت حرکت محتوای مرکویی رو مشخص میکنه و  چهار تا مقدار میگیره:
up: که جهت حرکت از پایین به بالا
down: جهت حرکت از بالا به پایین
right: جهت حرکت از چپ به راست
left: جهت حرکت از راست به چپ
 
Thu, 14 May 2009 00:22:15 +0430 نویسنده : memol
salam vaghean khaste nabashid mochakeram az lotfeton... chetor az ax toy hard estefade konem
 
Tue, 12 May 2009 12:14:16 +0430 نویسنده : غزل
سلام  اگه بخوام متن از چپ به راست حرکت کنه چکار کنم؟
 
Sun, 10 May 2009 19:19:53 +0430 نویسنده : محمد
سلام اگه بخوام رنگ فونت هاشو تغییر بدم باید چی کار کنم ؟
 
Thu, 23 Apr 2009 19:05:33 +0430 نویسنده : 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
 
Fri, 17 Apr 2009 02:06:47 +0430 نویسنده : والا
چگونه عکس از کامپیوتر خودم یا هارد خودم رو میتونم بیارم رو صفحه ام
 
Mon, 19 Jan 2009 21:16:40 +0330 نویسنده : علی
ممنون
 
Tue, 13 Jan 2009 00:58:02 +0330 نویسنده : Meysam
سلام خیلی عالی بود

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

رو توضیح بدید و ما رو بی خبر نذارید          Mer30
 
Tue, 13 Jan 2009 00:43:58 +0330 نویسنده : Meysam
damet garmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm
 
Mon, 15 Dec 2008 16:23:12 +0330 نویسنده : سحر
hi,
mikham  darbare dokme haye motharek bedoonam lotfan rahnamayi konid plz plz plz
 
Wed, 03 Dec 2008 23:05:28 +0330 نویسنده : o & s
ممنونيم "هر دوتامون"
 
Tue, 18 Nov 2008 20:52:06 +0330 نویسنده : a
سلام
خيلي جالب بود هرچي مي خواستم پيداكردم.ممنون و خسته نباشي
 
Fri, 31 Oct 2008 09:30:44 +0330 نویسنده : مینا راد
سلام واقعا استفاده کردم یک سوال دارم اگر بخواهم که یک تصویر در سایتم حرکت کنه چه باید کنم
 
Fri, 11 Jul 2008 04:00:17 +0430 نویسنده : mehran moridi
vagean jaye tashakkor dare
kareton harf nadare
 
Mon, 05 May 2008 09:50:18 +0430 نویسنده : نادر آذری
سلام . سایتت خیلی عالی هست دستت درد نکنه فقط نگفتی اگر بخوایم متن متحرک بر عکس حرکت کنه چه کنیم ؟
 
Sun, 20 Apr 2008 16:43:00 +0330 نویسنده : mehri
salam
chejuri mishe sorate harkate matnro kamtar kard?

 
ساعت: 19:07 - تاریخ: 5 بهمن 1386 نویسنده : محمد رضا شفیع زاده
با سلام:
درخصوص نحوه حرکت متن یا تصویر بصورت دایره ای  در صورت تمایل توضیحاتی ارائه بفرمایید.
 
ساعت: 18:59 - تاریخ: 2 بهمن 1386 نویسنده : علي
بسيار عالي