sina salehifard 22 اردیبهشت 1393 3 10178 بازدید آموزش HTML
فیلم آموزش ایجاد متون و عکس های متحرک در HTML

حتماً تا به حال وب سایت هایی را دیده اید که شامل متن ها و عکس های متحرک هستند، مثلاً لیستی از عناوین اخبار و یا آخرین مطالب بصورت افقی یا عمودی در  headerیا sidebar سایت، حرکت می کنند. در html با استفاده از تگ marquee می توان عناصر متحرک را ایجاد کرد. البته این یک تگ غیر استاندارد است که فقط در ورژن های قدیمی html معتبر است.

آنچه در این فیلم آموزشی خواهید آموخت :

  • نحوه استفاده از تگ marquee
  • آشنایی با صفات اصلی تگ marquee
  • بیان دلایل استفاده نکردن از تگ marquee و معرفی جایگزین برای آن

فیلم آموزش ایجاد متون و عکس های متحرک در HTML

برای دانلود فیلم آموزشی و اسنیپت های آموزش مربوطه از لینک های زیر استفاده کنید :

دسترسی به این بخش مخصوص اعضاست. شما می توانید به رایگان عضو شوید و به این بخش دسترسی داشته باشید. ورود / عضویت

دسترسی سریع :

متن فیلم آموزشی ایجاد متون و عکس های متحرک در HTML

متحرک سازی

تگ marquee برای متحرک سازی در html4 استفاده می شد اما در xhtml یا html5 استفاده نمی شود ولی چون بعضی از سایت های قدیمی از این تگ استفاده می کنند، همچنان در مرورگر ها پشتییبانی می شود. این تگ deprecate شده است، پیشنهاد می کنیم در صفحات وب سایت خود از این تگ استفاده نکنید.

Marquee شامل opening tag و closing tag است و در بین تگ body نوشته می شود :


<marquee>marquee |A deprecated html tag</marquee>

mrquee-1

صفات marquee

width – height

به وسیله صفت width می توانیم طول تگ marquee و با صفت height ارتفاع آن را مشخص کنیم.

مثال :


<marquee width="40%">marquee |A deprecated html tag</marquee>

در این مثال تگ marquee چهل درصد صفحه وب سایت را از لحاظ طول در بر می گیرد.

direction

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


<marquee width="40%" direction="right" >marquee |A deprecated html tag</marquee>

می بینیم جهت تگ اکنون به راست است .

صفت direction، علاوه بر مقدار right و left می تواند مقدار up و down را نیز بگیرد.

mrquee-2

Behavior

صفت بعدی Behavior است که مقدار پیش فرض آن scroll است.

مقدارslide


<marquee width="40%" direction="right" behavior="slide">marquee |A deprecated html tag</marquee>

mrquee-3

به وسیله این مقدار، متن حرکت خود را تا جایی که فضا دارد یکبار طی می کند و سپس می ایستد.

مقدار alternate

<marquee width=”40%” direction=”right” behavior=”alternate”>marquee |A deprecated html tag</marquee>

mrquee-4

به وسیله این صفت، متن حرکت خود را تا جایی که فضا دارد یکبار طی می کند و سپس باز میگردد. در واقع حرکت رفت و برگشت دارد.

توجه کنید که در حال حاضر در طراحی صفحات وب در سایت های جدید از جاوا اسکریپت و جی کوئری برای متحرک سازی متون و تصاویر استفاده میشود.

دسترسی سریع :

نظرات کاربران (3)



  1. مهدی

    ممنون بسیار کاربردی بود

  2. علی

    ممنون از توضیحات
    موفق باشید

  3. میلاد فرضعلی زاده

    سلام درودوخسته نباشید به همتون امیدوارم موفق باشید واقعا دمتو ن گرررررررررررررررررررررررررررررررررررررررررررررررررررررررررررررررررررررررررررررم خداقوت انلاینری ها خداییش گل کاشتین واقعا سایت عالی هستش
    ی درخواستی داشتم اگ زحمتی نیست لطفا نمونه از سایت ساخته شده با html همراه با کداشونو به اشتراک بزارید ممنون میشم ی دنیا مرسی
    ساغولاسوز