Marquee Techniques (7)

ကဲ ..(၅) ႀကိမ္ေျပးၿပီးရင္နားမယ္(ေမာတယ္)

အဲဒီလို .. ကိုယ့္ရဲ႕ marquee ကို အႀကိမ္အေရအတြက္တစ္ခုတစ္ခုသတ္မွတ္ၿပီး ခိုင္းေစေပးမယ့္ ကုဒ္ကေတာ့ loop= ပဲျဖစ္ပါတယ္ ..  Value ကိုေတာ့ ကိန္းျပည့္ေတြပဲ ထည့္ေပးရမွာပါ ..

အေပၚဆံုးက စာတမ္းေလးအတြက္ ကၽြန္ေတာ္ေရးသြားတဲ့ Source Code ကေတာ့ ဒီလိုပါ


<marquee behavior="alternate" loop="5"><font color="red">ကဲ ..</font><font color="green">(၅) ႀကိမ္</font><font color="blur">ေျပးၿပီးရင္နားမယ္</font><font color="yellow">(ေမာတယ္)</font></marquee>

ဒါပါပဲ .. ကိုယ္သိထားသေလာက္ကို ေပါင္းစပ္အသံုးျပဳလိုက္တဲ့သေဘာပါပဲ .. ကဲ .. ေနာက္ထပ္ .. ေအာက္ကေကာင္ေလးကို ၾကည့္ရေအာင္

ေပ်ာက္သြားတယ္ ျပန္ေပၚလာတယ္

ဒါက .. ကၽြန္ေတာ္တို႔ရဲ႕ အျမင္ပါ .. တစ္ကယ္ေတာ့ ေပ်ာက္ၿပီး ျပန္ေပၚလာတဲ့ Marquee ကုဒ္မရွိပါဘူး ..
အဲဒီစာတမ္းေပ်ာက္သြားတဲ့ေနရာဟာ ကၽြန္ေတာ္သတ္မွတ္ေပးထားတဲ့ Width ကုန္သြားလို႔ပါ .. အဲဒီအတြက္ ကၽြန္ေတာ္က width="100px" လို႔ေပးထားတာျဖစ္ပါတယ္ .. width တန္ဘိုး 100px ျပည့္တဲ့အခါမွာ စာတမ္းဟာ သတ္မွတ္နယ္ကုန္လို႔ မေပၚႏိုင္ေတာ့ဘူး .. behavior တန္ဘိုး alternate ေပးထားလို႔ အဆံုးေရာက္သြားေတာ့ ျပန္ေက်ာ့ရမယ္ .. ဒါေပမယ့္ alternate ေၾကာင့္ ျပန္ေက်ာ့ရင္ ေနာက္ျပန္ႀကီးျဖစ္ေနမယ္ ပံုမွန္လမ္းေၾကာင္းအတိုင္း ျပန္ေက်ာ့လာႏိုင္ဖို႔
႐ိုး႐ိုး marquee ေလးတစ္ခုေတာ့ ေပါင္းစပ္ေပးရမယ္ ... ေနာက္ဆံုးေတာ့
ကၽြန္ေတာ္ေရးလိုက္တာက ဒီလိုပါ

<marquee behavior="alternate"><marquee width="100px"><font color="green">ေပ်ာက္သြားတယ္</font><font color="blue"> ျပန္ေပၚလာတယ္</font></marquee></marquee>

ကဲ .. ကၽြန္ေတာ္ရဲ႕ Marquee Techniques ဆိုတဲ့ Tutorial ဆိုင္ရာပို႔စ္ေတြကို ဒီပို႔စ္မွာပဲ ရပ္လိုက္ပါမယ္ ..
marquee ကုဒ္အားလံုးနီးပါးကို မွ်ေ၀ေပးခဲ့ၿပီဆိုေပမယ္ ကၽြန္ေတာ္ မသိေသးတဲ့ marquee ေတြလည္း ရွိေနဦးမွာ အေသအခ်ာပါပဲ ..
ကၽြန္ေတာ္ကိုယ္တိုင္လည္း marquee ေတြကို စိတ္၀င္တစားနဲ႔ေလ့လာျဖစ္သလို .. ကြန္နက္ရွင္မေကာင္းလို႔ လိုင္းေပၚမတက္ႏိုင္တဲ့အခါမ်ိဳးေတြဆိုုရင္ marquee ေလးေတြကို ေပါင္းစမ္ၿပီး စမ္းသပ္ဖန္တီးေနေလ့ရွိပါတယ္ ..
ေနာက္ထပ္ စိတ္၀င္စားစရာ marquee ေလးေတြ ရလာခဲ့ရင္လည္း ျပန္ၿပီး မွ်ေ၀ေပးပါဦးမယ္ ..
Marquee Techniques လက္ေဆာင္အေနနဲ႔ ေအာက္မွာ source code ေတြနဲ႔အတြက္ marquee အလန္းေလးေတြကို ေပးထားပါတယ္ .. အဲဒီမွာ သံုးသြားတဲ့ ဖိုင္ေတြရဲ႕ လင့္ေတြကိုလည္း သေဘာက်ရင္ ခြင့္ေတာင္းေနစရာမလိုပဲ ယူသံုးႏိုင္ပါတယ္ ..

<marquee scrollamount="15" direction="up" behavior="alternate"><marquee scrollamount="15" direction="right" behavior="alternate"><img src="http://i1340.photobucket.com/albums/o733/itmotesoee/gif%20files/butterfly.gif" /></marquee></marquee>



<marquee direction="right"><img src="http://i1340.photobucket.com/albums/o733/itmotesoee/gif%20files/dog.gif" /></marquee>





<marquee><img src="http://i1340.photobucket.com/albums/o733/itmotesoee/gif%20files/stork.gif" /></marquee>




နည္းပညာလမ္းေၾကာင္းေပၚက သူငယ္ခ်င္းအားလံုးကို ေလးစားခင္မင္လွ်က္
အိုင္တီမုဆိုး