marquee-techniques

ကဲ .. ဆက္လိုက္ၾကစို႔

ဒီေပၚကလို marquee ေလးျဖစ္သြားေအာင္ကလည္း ဘာမွ အသစ္အဆန္းမပါေသးပါဘူး
အရင္ဆံုး သူ႕ကိုေသခ်ာၾကည့္ၿပီး စဥ္းစားၾကည့္ရေအာင္ (ကုဒ္ေရးျပလိုက္ရင္ရေပမယ့္ ေနာင္ ကိုယ္ျဖစ္ခ်င္တဲ့ပံုစံမ်ိဳးကို ဖန္တီးၾကည့္ႏိုင္ေအာင္ နည္းနည္း ေလေၾကာရွည္ေနတာပါ .. )

စာတမ္းေလးရဲ႕လႈပ္ရွားေနပံုကို ေသခ်ာသံုးသပ္ၾကည့္ပါ .. ကၽြန္ေတာ္တို႔မ်က္လံုးထဲမွာေတာ့ ျမင္းတစ္ေကာင္ေျပးေနသလိုပါပဲ ..
သူ႕ရဲ႕ေျပးေနဟန္ကို အစိပ္စိပ္ခြဲၾကည့္ရင္ဒီလိုရပါတယ္

1. ပထမ အျမင့္ကိုသြားတယ္ (အျမင့္ႀကီးမဟုတ္လို႔ height ကို ကန္႔သတ္တန္ဘိုး ေပးထားတယ္
2. ၿပီးေတာ့ ျပန္က်လာတယ္ (တက္ၿပီးျပန္က်လာေအာင္ behavior ကို alternate ေပးရမယ္)
3. တက္ၿပီး ျပန္က်လာတာက ေနရာမွန္မဟုတ္ပဲ ေရွ႕ကိုေရြ႕ေနတဲ့အတြက္ ေနာက္ထပ္ ေရွ႕ကိုသြားတဲ့ marquee တစ္ခု ထပ္ေပါင္းထားရမယ္ သူကလည္း အေနာက္ကိုျပန္လာရမွာမို႔ alternate ေပးရမယ္
4. ခုန္ေပါက္ေနတာကို သြက္လက္ဆက္စပ္ေနဖို႔က scrollamount ကို ကန္႔သတ္ေပးရမယ္

ကဲ ... အသံုးျပဳမယ့္ကုဒ္ေတြကို စုစည္းရေအာင္

1 နဲ႔ 2 အတြက္ <marquee direction="up" behavior="alternate" scrollamount="10"
height="20">

ေနာက္ထပ္ 3 နဲ႔ 4 အတြက္က <marquee behavior="alternate" scrollamount="10">

အဲဒီလို ရလာမယ္ အဲ .. marquee ႏွစ္ခုေပါင္းသံုးလိုက္တာမို႔ အပတ္ေနရာမွာ </marquee> ႏွစ္ခု ရွိေနရမယ့္ ေနာက္ၿပီး စာမ်က္ႏွာရဲ႕ အလယ္မွာေပၚေနေအာင္ <center> နဲ႔ </center> ကို ေရွ႕ေနာက္ ပိတ္ေပးလိုက္မယ္ .. ကုဒ္အားလံုး ေပါင္းေရးလိုက္ေတာ့ ဒီလိုျဖစ္သြားမယ္ (စာလံုးအေရာင္ အျပာအတြက္ <font color="blue"> ... </font> သံုးလိုက္တယ္)

<marquee behavior="alternate" direction="up" height="30" scrollamount="10"><marquee behavior="alternate" scrollamount="10"><font color="blue">ကဲ ... ဆက္လိုက္ၾကစို႔</font></marquee></marquee></center>

ဒါကိုလည္း အဲဒီလိုသံုးသပ္ၾကည့္ပါ

သိပ္မရွည္ေတာ့ပါဘူး .. ဒီထဲမွာ စာတမ္းဟာ အကန္႔အသတ္မရွိသြားေနတဲ့အတြက္ ဧရိယာ ကန္႔သတ္ခ်က္မေပးထားပါဘူး .. အေပၚကိုတက္ဖို႔ direction ကို သံုးတယ္ ျပန္က်လာဖို႔အတြက္ alternate ကိုသံုးတယ္ ေရွ႕ကိုလည္း အျပန္အလွန္ သြားမွာျဖစ္လို႔ ေနာက္ထပ္ alternate ပါတဲ့ marquee တစ္ခု ထပ္ေပါင္းသံုးတယ္ .. ေရးလိုက္တဲ့ကုဒ္ေတြက ဒီလိုျဖစ္သြားတယ္

<marquee direction="up" behavior="alternate"><marquee behavior="alternate"><font color="red">ဒါကိုလည္း အဲဒီလိုသံုးသပ္ၾကည့္ပါ</font></marquee></marquee>

ဒါပါပဲ .. ေတာ္ေတာ္ေလး လြယ္တာကို သတိထားမိေလာက္ပါတယ္

ကဲ .. ကၽြန္ေတာ္တို႔ ေလာေလာဆည္ ေလ့လာထားၿပီးသား Marquee Technique ေတြကို ျပန္ၿပီး စုစည္းေပးလိုက္ပါတယ္ .. (font color ေျပာင္းတာကေတာ့ Marquee မွာ ေပါင္းစပ္သံုးတာမို႔ သီးျခား မေဖာ္ျပေတာ့ပါဘူး..

အသံုးျပဳသြားတဲ့ကုဒ္	ေပၚလာတဲ့စတိုင္
<marquee>ဒီလိုေလး</marquee>	ဒီလိုေလး
<marquee direction="right">ဒီလိုေလး</marquee>	ဒီလိုေလး
<marquee direction="up">ဒီလိုေလး</marquee>	ဒီလိုေလး
<marquee direction="down">ဒီလိုေလး</marquee>	ဒီလိုေလး
<marquee behavior="alternate">ဒီလိုေလး</marquee>	ဒီလိုေလး
<marquee scrollamount="10">ဒီလိုေလး</marquee>	ဒီလိုေလး
<marquee direction="up" behavior="alternate" scrollamount="10" height="20"><marquee behavior="alternate" scrollamount="10">ဒီလိုေလး</marquee></marquee>	ဒီလိုေလး

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