Marquee Techniques (6)

ကဲ .. ဆက္လိုက္ၾကစို႔ (ေမာက္စ္တင္လိုက္ရင္ ရပ္ေပးမယ့္ marquee)

အေပၚမွာေတြ႕တဲ့အတိုင္းပဲ marquee HTML ေၾကာင့္ ေရြ႕လ်ားေနတဲ့ စာတမ္းေလး (ဒါမွမဟုတ္) ပံုေလးတစ္ခုဟာ Mouse တင္လိုက္တာနဲ႔ ရပ္ေပးမယ့္ ကုဒ္ေလးပါ ..
တစ္ကယ္ေတာ့ Marquee Technique ေတြက ဘာမွ မ်ားမ်ားစားစားရွိတာမဟုတ္ပါဘူး .. အဲဒီလို မ်ားမ်ားစားစားမရွိတဲ့ marquee ကုဒ္ေတြကို တစ္ျခားေသာ HTML ကုဒ္ေတြနဲ႔ ဟန္ခ်က္ညီညီ ေပါင္းစပ္ၿပီး စနစ္တက်အသံုးခ်တတ္မယ္ဆိုရင္ အမ်ားနဲ႔မတူတဲ့ အံ့ၾသစရာ Result ေတြကို ပိုင္ဆိုင္လာမွာျဖစ္ပါတယ္
ဒါေၾကာင့္ Marquee Technique ေတြကို စိတ္၀င္တစားေလ့လာေန႐ံုနဲ႔ တစ္ျခားေသာ Programming Language ေတြကိုပါ အတိုင္းအတာတစ္ခုအထိ ရင္းႏွီးကၽြမ္း၀င္လာမွာျဖစ္ပါတယ္


ကဲ .. အေပၚဆံုးက Marquee ေလးအေၾကာင္း သံုးသပ္လိုက္ရေအာင္ ..

စာတမ္းေလးဟာ ဘယ္ဖက္ကို ပံုမွန္အတိုင္းေျပးေနတာျဖစ္လို႔ ႐ိုး႐ိုး marquee ကို သံုးထားပါတယ္

<marquee>xxx</marquee> ေပါ့

ကဲ .. ေမာက္စ္တင္လိုက္ရင္ ဆိုတဲ့ကုဒ္က onmouseover= ပါ .. ရပ္သြားေစမယ့္ကုဒ္ကေတာ့ this.stop() ပါ အဲဒီေတာ့ ေလာေလာဆည္အေျခအေနထိ ဒီလိုျဖစ္လာမယ္

<marquee onmouseover="this.stop()">ကဲ ..... marquee)</marquee>

ကဲ .. Result က ေအာက္ကအတိုင္း ျဖစ္သြားမယ္ ..

ကဲ ... marquee)

အဲဒီမွာ  ေမာက္ကေန လြတ္သြားေပမယ့္ ဆက္မသြားေတာ့ပဲ ရပ္ၿမဲရပ္ေနတာကို ေတြ႕ရလိမ့္မယ္ ..
အဲဒီေတာ့ ေမာက္စ္ကေနလြတ္သြားတဲ့ အေျခအေနအတြက္ ကုဒ္ျဖည့္ေပးဖို႔ လိုမယ္ေပါ့ ..
ေမာက္စ္လြတ္သြားတဲ့ အေျခအေနက onmouseout ဗ်ာ .. ဆက္သြားတဲ့ကိစၥကို ျပန္စခိုင္းမွာမို႔ တန္ဘိုးက this.start() ေပါ့ ... အဲဒီေတာ့ သူ႕ကိုထပ္ျဖည့္ဖို႔အတြက္ ကုဒ္အခ်င္းခ်င္း ဆက္စပ္ေပးမယ့္
; ( semicolom ) ေလးထည့္ေပးရမယ္ .. အဲဒီေတာ့ ကုဒ္က ဒီလိုျဖစ္သြားမယ္

<marquee onmouseover="this.stop();" onmouseout="this.start()">ကဲ .. ....marquee)</marquee>

စာလံုးအေရာင္ေတြအတြက္ေတာ့ ေျပာစရာမလိုေလာက္ေတာ့ပါဘူး
ဒီကုဒ္ေတြကိုပဲ အသံုးခ်ၿပီး direction ေတြ behavior ေတြကို တြဲစပ္အသံုးျပဳလိုက္တာနဲ႔ Result ေတြ အမ်ိဳးအမ်ိဳး ထြက္လာမွာပါ ...


ကဲ .. ဒီေန႔ေတာ့ ဒီေလာက္ပါပဲ ..


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

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