تا حالا حتما توي وبلاگ ها يا سايت ها مختلف نوشته هاي متحرك رو مشاهده كرديد . توي اين پست مي خوام آموزش كامل متحرك سازي نوشته ها رو براتون ياد بدم تا خودتون هر جوري كه دوست دارين از اون استفاده كنيد .
نمونه :
كدهاي متحرك سازي در اول خود به سه نوع تقسيم مي شوند :
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>
خوب ديگه فكر كنم از اين كامل تر نشه . به هر حال اگر خوشتون اومد در نظرات ذكر كنيد .
