متحرک سازی با html

htmlbaner
آموزش html & css ژانویه 2014 08

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

تگی به نام </marquee><marquee> هر چیزی درونش باشد متحرک می کند مثل یک متن یا چندین عکس ، کافی آنچه می خواهید متحرک شود در داخلش بیاورید. مثلا کد زیر متن mrprogrammer.net را متحرک می کند :

 

این تگ هم مشخصاتی دارد مثل سرعت و … ، که برای تنظیم سرعت از مشخصه scrollamount استفاده می شود و سرعت مورد نظر به عدد در این مشخصه وارد می شود:

 

همچنین اگر متن شما فارسی باشد بهتر است از سمت راست به چپ متحرک شود ، برای این کار از مشخصه direction استفاده می شود :

 

برای این مشخصه می توانید از مقدار های : up – down – right – left استفاده کنید.

وبرای اینکه وقتی موس روی آن می ایستد متن یا عکس ما از حالت متحرک باز ایستد و وقتی موس خارج می شود دوباره حرکت کند باید مشخصه های زیر را نیز به آن اضافه کرد :

 

دیدگاه ها
  • احسان می‌گه:

    سلام . لطفآ فیلم آموزشی در رابطه به منو های متحرک ( مانند منو متحرک وب سایت خودتان ) بسازید خیلی دوست دارم بدونم چجوری کاری کردید که هر جای صفحه که میرم منو هم همرام میاد . ممنون

    • آقای برنامه نویس می‌گه:

      این چند تا کد css هست ، کافیه شما مثلا کد زیر را به یک تگ نسبت دهید تا مکانش در صفحه ثابت شود :
      ;position:fixed

  • el_dehghan می‌گه:

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

    • حسین شفیعیان می‌گه:

      سلام
      اگر انیمیشن با امکانات بیشتر از این بخواهید باید با CSS3 یا Jquery اقدام کنید

  • tamana074 می‌گه:

    اموزش ها عالیییییییه.واز همه مهمتر با زبان ساده اس

  • یه مبتدی... می‌گه:

    سلام
    من دو متن دارم.
    میخوام به ترتیب وقتی متن اول نمایش داده شد متن دوم نمایش داده شود.
    چطوری بفهمم نمایش متن اول تمام شده که متن دوم رو بهش ارجاع بدم؟
    ممنون از راهنمایی شما…

  • ali_nilofar می‌گه:

    مرسی عالیه کارتون

  • Ali_ES می‌گه:

    خسته نباشی استاد ببخشید من اخیرا با ul و li در html و css یک منوی زیر کشویی ساختم و یکی از زیر منوهام به سمت راست رفته و اون یکی فیکس شده حالا چطوری میتونم جفتشو فیکس کنم؟؟؟ممنون میشم جواب بدید.

  • reza می‌گه:

    سلام سایت عالیه … منتهی اگر میشه برای ساخت قالب چندین نمونه قالب رو از صفر تا صد با جزئیات پیاده کنید … مثلا قست های مربوط به انجمن و یا اسلایدر لوگو و …

    اگز ممکنه کد های php رو هم در پایان کد نویسی آموزش بدین که به شگل قرار درون کد ها قرار میگیرن…. خییلیی ممنونم

  • میثم می‌گه:

    کارت درسته داداش ، خیلی کادر بندی کد ها بهم حال داد

    دمت گرم ، ادامه بده که ما پیرو شما هستیم ناجور

  • محمد می‌گه:

    سلام خسته نباشید . یه سوال چه طور میشه با رفتن موس روی متن یا عکس در حال حرکت اون متوقف بشه

  • asasoal می‌گه:

    سلام، با تشکر از آموزشهای خوبتون
    از مضرات این تگ برای سئو و کنسرسیوم وب هم بفرمایید. چون تا جایی مطلع هستم این تگ را W3 ممنوع کرده است.

    • حسین شفیعیان می‌گه:

      بله ، این تگ جز تگ های منسوخ شدس ولی مرورگر ها هنوز ساپروتش میکنن

  • amin می‌گه:

    سلام
    چطور یه پلیر برای فیلم و موزیک شخصی درست کنم؟
    با قابلیت کم وزیاد کردن صدا و عقب جلو شدن فیلم
    ممنون

  • welearn.ir می‌گه:

    خیلی ممنونم