آموزش تگ marquee در HTML

سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش تگ marquee در HTML با من همراه باشید.

آموزش تگ marquee در HTML

Free-Learn

تگ marquee در HTML

تگ marquee تگی است که با استفاده از آن میتوان یک متن یا تصویر را بصورت افقی یا عمودی به حرکت درآورد یا در واقع همون متحرک سازی متن یا تصویر، دقیقا همانند باکس های آخرین خبر که در بالای اکثر سایت های خبری دیده می شود.

این تگ در HTML5 منسوخ شده و عملا غیراستاندارد می باشد، لذا استفاده از آن توصیه نمی شود.

Free-Learn

مثال از تگ marquee در HTML

در ادامه میتوانید یک مثال از این تگ را مشاهده نمایید.

مثال شماره ۱ : حالت عادی و پیش فرض

امتحان کنید

مثال شماره ۲ : جهت شروع متن از سمت راست و رفتار متن بصورت برو برگرد (از کادر بیرون نمیزند)

امتحان کنید

مثال شماره ۳ : جهت شروع متن از سمت بالا به پایین

امتحان کنید

مثال شماره ۴ : تنظیم سرعت حرکت متن

امتحان کنید

مثال شماره ۵ : حرکت دادن تصویر بجای متن

امتحان کنید

مثال شماره ۶ : کنترل کردن تگ Marquee با استفاده دکمه ( جاوااسکریپت )

امتحان کنید

Free-Learn

پشتیبانی مرورگرها

در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از تگ marquee در HTML پشتیبانی میکنند یا خیر.

نام مرورگر Chrome Firefox Opera Safari IE
پشتیبانی بله بله بله بله بله

Free-Learn

جدول صفات تگ marquee در HTML

در جدول زیر میتوانید صفات بهمراه مقادیری را که میتوان در این تگ استفاده کرد را مشاهده نمایید.

نام صفت مقدار توضیح
behavior scroll
slide
alternate
نوع یا حالت پیمایش متن / تصویر را مشخص میکند. ( پیش فرض scroll )
bgcolor rgb(x,x,x)
xxxxxx#
colorname
جهت تنظیم رنگ زمینه
direction up
down
left
right
جهت شروع شدن یا پخش شدن متن / تصویر را مشخص میکند
height Pixels
%
برای تنظیم اندازه ارتفاع این تگ
hspace Pixels برای ایجاد یک فضای خالی بصورت افقی از سمت چپ و راست
loop Number تعداد دفعات اجرا شدن متن / تصویر را مشخص میکند.
(اگر مشخص نشود بصورت پیش فرض بی نهایت می باشد)
scrollamount Number برای تنظیم سرعت پخش شدن متن یا تصویر (پیش فرض ۶ می باشد)
scrolldelay seconds مدت زمانی را برای تاخیر در بین پرش هر تکه از اسلاید را مشخص میکند.
مقدار پیش فرض این صفت ۸۵ می باشد، در نتیجه باید عددی بیشتر از ۸۵ وارد کنید.
مثله (۱۰۰۰ یعنی ۱ ثانیه) تا بتونید عملکرد این صفت را مشاهده نمایید.
vspace Pixels برای ایجاد یک فضای خالی بصورت عمودی از سمت بالا و پایین
width pixels
%
اندازه عرض تگ marquee را مشخص میکند.

Free-Learn

پشتیبانی از صفات و رویدادهای عمومی

تگ marquee از صفات عمومی و رویدادهای عمومی در HTML پشتیبانی می کند.

Free-Learn

نکات و توضیحات

تگ marquee یک تگ منسوخ شده و عملا غیراستاندارد در HTML می باشد، هرچند این تگ باحال و جذاب می باشد ولی استفاده از آن پیشنهاد نمی شود.

یکی از مقادیر صفت behavior ، مقدار alternate می باشد، این یعنی متن یا تصویر بطور کامل از باکس اصلی بیرون نمیزند، بلکه فقط در داخل باکس به سمت چپ و راست یا بالا و پایین پیمایش میشود. ( حالت پینگ پنگی )

Free-Learn

مثال های بیشتر – استفاده از CSS بجای تگ Marquee

ما به راحتی و با استفاده از CSS و ویژگی های Animation و Transform میتونیم دقیقا همانند تگ Marquee متن ها یا تصاویر را به حرکت درآوریم، که در ادامه میتوانید چندین مثال را مشاهده نمایید.

مثال شماره ۱ : حرکت متن از سمت راست به چپ ( حالت Scroll )

امتحان کنید

مثال شماره ۲ : حرکت متن از سمت چپ به راست ( حالت Scroll )

امتحان کنید

مثال شماره ۳ : حرکت متن از سمت بالا به پایین ( حالت Scroll )

امتحان کنید

مثال شماره ۴ : حرکت متن از سمت پایین به بالا ( حالت Scroll )

امتحان کنید

مثال شماره ۵ : حرکت متن از سمت راست به چپ ( حالت پینگ پنگی یا alternate )

امتحان کنید

Free-Learn

دریافت PDF یا پرینت این مطلب