تبلیغات
سایت تخصصی آموزش ایرانیان - قرار دادن انواع متن متحرك در صفحات وب
:: قرار دادن انواع متن متحرك در صفحات وب

 در دو پست قبل گفته بودم كه آموزش متحرك سازی متن رو براتون بزارم .منم این پست رو به این مطلب اختصاص دادم .

كد متحرك سازی متن در حالت كلی به شكل زیره :

<marquee
direction="جهت"
width="150" height="180"
scrolldelay="1"
scrollamount="1">
متن شما
</marquee>

حالا توضیح در مورد كد :

 قسمتی از كد كه به رنگ سبز هست برای تایین عرض و ارتفاع باكسی كه متن توش حركت می كنه هست . در قسمت Width عرض ( پهنای) باكس و در قسمت Height ارتفاع باكس رو قرار بدید . در كد بالا به طور پیشفرض اندازه ی باكس 150 در 180 پیكسل هست . یعنی پهنای باكس 150 پیكسل و ارتفاعش 180 پیكسل هست . شما خودتون با تغیر این دو عدد می تونید اندازه ی مورد نظر باكس رو تعیین كنید .

 قسمتی رو كه با رنگ آبی مشخص كردم جهت حركت متن درون باكس رو مشخص می كنه . كه باید به دلخواه خودتون یكی از مقادیر زیر رو بهش بدین . این مقادیر رو به جای كلمه ی "جهت" در كد باید بزارید :

جهت حركت

مقدار ریز كد direction

حركت از چپ به راست ( مخصوص متون فارسی)

Right

حركت از راست به چپ ( مخصوص متون انگلیسی)

Left

حركت از پایین به بالا

Up

حركت از بالا به پایین

Down

برای خوندن و یاد گرفتن بقیه ی جزئیات ( قرار دادن لینك به جای متن متحرك ، رنگ پس زمینه ی باكس ، ایستادن حركت متن با رفتن موس روی آن و ... ) ادامه ی مطلب رو ببینید :

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

<marquee
direction="جهت"
width="150" height="180"
onmouseover="this.stop()"
onmouseout="this.start()"
 
scrolldelay="1"
scrollamount="1">

متن شما
</marquee>

  برای  تغییر سرعت حركت متن می تونید مقادیر دو ریز كد  scrolldelay و  scrollamount رو تغیر بدید . مقدار هر دو ریز كد در بالا "1" هست كه به نظر من استاندارده برای سرعت حركت متن و نیازی نیست كه تغیرش بدین . مگر اینكه جایی لازم باشه كه سرعت حركت متن رو بیشتر كنید .

اگر بخواید كه برای پس زمینه ی باكس یك رنگ قرار بدین باید از ریز كد Style استفاده كنید . در زیر این ریز كد مشخصه . شما باید در جاهای مشخص شده در زیر ، كد رنگ یا نام رنگ به انگلیسی رو وارد كنید .

<marquee
direction="جهت"
width="150" height="180"

Style="color:رنگ متن ; background-color:رنگ پس زمینه ;"
scrolldelay="1"
scrollamount="1">
متن شما
</marquee>

در زیر كد چند تا از رنگ ها رو براتون گذاشتم كه می تونید در كد بالا بزارید:

www.irLearning.com

 

www.irLearning.com

 

www.irLearning.com

قرمز

#FF0000

 

زرد

#FFFF00

 

بنفش

#800080

آبی

#0000FF

 

نقره ای

#C0C0C0

 

صورتی

#FF00FF

سیاه

#000000

 

قهوه ای

#804000

 

نارنجی

#FF9900

سفید

#FFFFFF

 

خاكستری

#EEEEEE

 

-

#DFDFDF

سبز

#008000

 

نیلی

#46B5FF

 

-

#8080C0

 با قرار دادن متن در بین دو تگ <center> و <center/> می توانید متن را به وسط باكس بیاورید . یعنی متن وسط چین باشد.

  اگر خواستید كه لینك یا عكسی رو در باكس قرار بدید تا حركت كنه ، فقط لازمه به جای متن كد لینك یا كد قرار دادن عكس رو بزارید . كه كد لینك دادن و قرار دادن عكس به شكل زیره . اگر خواستید چند لینك یا چند عكس بزارید اونها رو با یه تگ <br> جدا كنید تا توی چند سطر زیر هم بیان . یعنی بعد از هر كد لینك یا عكس یك تگ <br> بزارید .

     


 خوب حالا كل آموزش رو در قالب یك سوال مطرح می كنم و جواب میدم . سعی كنید شما اول خودتون جواب بدید بعد با جواب من مقایسه كنید :

سوال :

كد متن متحركی را با خصوصیات زیر بنویسید :

اندازه ی باكس حاوی متن : عرض 120 و ارتفاع 200 ، جهت حركت متن از پایین به بالا ،  متن متحرك با رفتن موس روی آن بایستد ، رنگ پس زمینه نقره ای و رنگ متن متحرك قهوه ای باشد . متن وسط باكس باشد .

جواب : كد خواسته شده به شكل زیر است :

<marquee
direction="Up"
width="120" height="200"
onmouseover="this.stop()"
onmouseout="this.start()" 

Style="color:#804000 ; background-color:#C0C0C0 ;"
scrolldelay="1"
scrollamount="1">
 

<center>
irLearning.com<br>

irLearning.com<br>

irLearning.com<br>

irLearning.com<br>

irLearning.com<br>
</center>

</marquee>

:: نمایش این كد هم به شكل زیره :

irLearning.com
irLearning.com
irLearning.com
irLearning.com
irLearning.com


:: نوع مطلب : آموزش طراحی ( html ) ,

:: نوشته شده توسط : Nobody در دوشنبه 29 مرداد 1386 و ساعت 11:08 ق.ظ

:: ویرایش شده در - و ساعت -

لینك ثابت   نظرات ( )

:: مطالب پیشین