با سلام. امروز يكي از پر كاربرد ترين كدهاي موجود در وب را معرفي مي كنيم. اين كد متن مورد نظر شما را به حركت در مي آورد. در ادامه ي مطلب آموزشي بسيار كامل تقديمتان خواهد شد. پس با ما همراه باشيد.
عمل كرد كد در مرورگرها (نرم افزار هاي تماشاي سايت)
نگارش | مرورگر | عمل مي كند/نمي كند |
7.0 | Internet Explorer | |
3.0 | Mozilla Firefox (beta) | |
9.0 | Netscape |
خوب. حالا با همديگه قدم به قدم مي ريم جلو تا با جزئيات اين كد
بيشتر آشنا بشيم. كد اصلي اين شكليه:
شما بايد توي كد بالا به جاي عبارت "TEXT" متني كه مي خواهيد حركت كند را وارد نماييد. خروجي كد بالا به شكل زير است.
حالا امكان داره كه شما بخواهيد سرعتي رو براي اين متن در
نظر بگيريد. پس كد به شكل زير تغيير مي كنه:
در كد بالا در عبارت scrollamount="1" به جاي عدد 1 سرعت حركت را مشخص مي كنيد. هرجه اين عدد بزرگتر باشد سرعت حركت بيشتر است. همچنين در عبارت scrolldelay="20" به جاي عدد 20 تاخير لازم براي طي شدن مسير توسط متن را وارد كنيد. در كل بايد روي اين مقادير كمي كار كرده و آن را تست كنيد تا حركت مورد علاقه را بدست آوريد. خروجي كد بالا با مقادير scrollamount="1" scrolldelay="20" به شكل زيره:
حال شايد بخواهيد براي متن متحرك خود اندازه، رنگ و قلم در نظر
بگيريد. حالا كد اين شكلي ميشه:
خوب… شايد كمي پيچيده به نظر برسه. اما اصلا اينطوري نيست. به جاي عبارت هاي Tahoma و 10pt و red به ترتيب فونت نوشته، سايز نوشته و رنگ نوشته را مشخص نماييد. خروجي كد بالا به شكل زيره:
ممكنه نوشته ي شما فارسي باشه. در اين صورت بهتره كه از راست به
چپ حركت كنه. يا اين كه شايد شما مايل باشيد نوشتتونه از بالا به پايين يا از پايين
به بالا حركت كنه. پس يك تغيير ديگه توي كد به وجود مياد:
در كد بالا در عبارت direction="right" به جاي كلمه ي right جهت حركت را مشخص فرماييد. (up: پايين به بالا، down: بالا به پايين، left: راست به چپ، right: چپ به راست) خروجي كد بالا به شكل زيره:
شايد شما بخواهيد دور Marquee مورد نظر
خود، به اصطلاح Border بكشيد. يعني خطي دور تا دورش كشيده
شود. حالا باز هم يك بخش ديگه به كدتون اضافه ميشه:
در كد بالا به جاي عبارات 1px و #FF0000 به ترتيب سايز خط و رنگ خط را مشخص كنيد. خروجي كد بالا به شكل زير است:
حالا شايد مايل باشيد كه سايز Marquee
خود را با توجه به نيازتان تغيير دهيد. مثلا براي لينكدوني و اعلان
بالاي سايت يا وبلاگ، مي بايست سايز هاي مختلفي در نظر گرفته شود. پس يك بخش ديگه
هم اضافه مي كنيم:
در كد بالا به جاي عدد 170طول Marquee خود را مشخص كنيد و به جاي عدد 100 عرض Marquee خود را مشخص كنيد. (با گذاشتن يكاي % در كنار عدد مورد نظر، مي توانيد كاري كنيد كه طول/عرض Marquee دقيقا N در صد از صفحه را در بر گيرد و همواره با تغيير اندازه ي صفحه به وسيله ي مرورگر، اندازه ي آن نيز تغيير كند.) خروجي كد بالا به شكل زير است:
و حالا اگر مي خواهيد با بردن نشانه گر موس
روي متن متحرك، Marquee متوقف شود، يك كد به آن اضافه مي گردد:
|
خروجي كد بالا به شكل زير است:
حال اگر مي خواهيد Marquee شما در وسط
صفحه قرار گيرد، بايد دو تگ به اول و آخر كد خود اضافه كنيد.
|
خروجي كد بالا به شكل زير است:
حالا بدون توجه به آموزش بالا فرض كنيد كه مقادير زير را داريد و خودتان يك كد جديد بنويسيد.
مقادير | ويرايشگر |
scrollamount="SIZE" |
wWw. S E V E N 7 . R z b . I r
موفق باشيد
این مطلب خوب و مفید و کاربردی بر گرفته شده از سایت ایران جاوا می باشد