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

نمونه :

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

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>            سايت آموزش ايرانيان

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

ارسال کننده مطلب : علی افتخاری در تاريخ : پنجشنبه دوازدهم بهمن 1385