تمام کد های متحرک سازی

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

نمونه :

سایت آموزش ایرانیان

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

1 - کد متحرک سازی از راست به چپ

2 - کد متحرک سازی از چپ به راست

3 - کد متحرک سازی از بالا به پایین

خوب حالا مرحله به مرحله بریم جلو تا کامل شما رو با این کد کاربردی آشنا کنم :

شکل کلی این کد :

<marquee>سایت آموزش ایرانیان</marquee>

ریز کدهای موجود :

شما میتوانید با گسترش دادن کد اصلی توسط ریز کدها از این کد کاربردی به نحو دلخواه استفاده کنید :

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

direction="right"      به سمت راست

direction="left"           به سمت چپ

direction="down"            به پایین

          طریقه استفاده از این ریز کدها اینجوریه :

<marquee direction="right">سایت آموزش ایرانیان</marquee>             

سایت آموزش ایرانیان

<marquee direction="left">سایت آموزش ایرانیان</marquee>              

سایت آموزش ایرانیان

<marquee direction="down">سایت آموزش ایرانیان</marquee>                 

سایت آموزش ایرانیان

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

behavior="scroll"                                  گذر از دو طرف صفحه

behavior="slide"                        با رسیدن به انتهای صفحه می ایستد

behavior="alternate"                      با برخورد به کنار صفحه بر میگرده

          طریقه استفاده از این ریز کدها اینجوریه :

<marquee direction="right" behavior="scroll">سایت آموزش ایرانیان</marquee>             

سایت آموزش ایرانیان

<marquee direction="right" behavior="slide">سایت آموزش ایرانیان</marquee>              

سایت آموزش ایرانیان

<marquee direction="right" behavior="alternate">سایت آموزش ایرانیان</marquee>         

سایت آموزش ایرانیان

          ج : ریز کدهای مشخص کننده سرعت اسکرول :

scrolldelay="1"                   میزان جهش در اسکرول

scrollamount="1"                            سرعت

          طریقه استفاده از این ریز کدها اینجوریه : ( هرچه عدد سرعت بیشتر شود مسلما سرعت بیشتر می شود )

<marquee direction="right" scrollamount="1">سایت آموزش ایرانیان</marquee>             

سایت آموزش ایرانیان

<marquee direction="right" scrollamount="20">سایت آموزش ایرانیان</marquee>           

سایت آموزش ایرانیان

خوب دیگه فکر کنم از این کامل تر نشه . به هر حال اگر خوشتون اومد در نظرات ذکر کنید

منبع : www.iroweb.com