صفحه اصلی وب سايت واقعآ محشر تماس با ما

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

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

ایجاد متن های متحرک در صفحه 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, 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 نویسنده : علي
بسيار عالي