Pages

06/07/2012

Html Marquee

Clicking the Marquee



အေပၚက ကုဒ္ကေတာ့ ေအာက္ပါအတိုင္းေတြ ့ရပါလိမ့္မယ္


ဥပမာအေနနဲ ့ (ေမာက္စ္နဲ ့ကလစ္ၿပီး ဖိထားရင္ရပ္ေနပါလိမ့္မယ္)!


Hovering over the Marquee


ဒါကေတာ့ ေမာက္စ္ကို သြားေနတဲ့ စာသားေလးမွာတင္လုိက္တာနဲ ့တင္စာတန္းက ရပ္သြားပါလိမ့္မယ္




အေပၚက ကုဒ္ကေတာ့ ေအာက္ပါအတိုင္းရရွိပါလိမ့္မယ္



ဥပမာအေနနဲ ့!


Arrows



အေပၚက ကုဒ္ကေတာ့ ေအာက္ပါအတိုင္းရရွိပါလိမ့္မယ္


>>ဥပမာအေနနဲ ့<<

Picture




အေပၚက ကုဒ္ကေတာ့ ေအာက္ပါအတိုင္းရရွိပါလိမ့္မယ္




အဲဒီမွာ Up, Down, left, right စသျဖင့္ ထည့္လို ့ရပါတယ္။

HTML ကုဒ္ကေလးေတြ

Marquee ကုဒ္ကေလးမ်ား

Slide-in text:


ဒီပံုစံကေလးကေတာ့ ပံုမွန္အေနနဲ ့တစ္ေခါက္ပဲေျပးပါလိမ့္မယ္၊စာမ်က္ႏွာကေလးကို Reload ျပန္လုပ္ေပးမယ္ဆိုရင္ေတာ့
ဒီပံုစံေလးကိုျပန္ျမင္ရမွာပါ။



အေပၚက ကုဒ္ကေတာ့ ေအာက္ပါအတိုင္းေတြ ့ရမွာပါ။


ဥပမာအေနနဲ ့


Continuous scrolling text:




အေပၚက ကုဒ္ကေတာ့ ေအာက္ပါအတိုင္းေတြ ့ရမွာပါ။



ဥပမာအေနနဲ ့



အေပၚက ကုဒ္ကေလးရဲ ့Left ဆိုတဲ့ ေနရာကေလးမွာ Right ဆိုတာေျပာင္းရုိက္လုိက္ရင္ ညာဖက္က သြားတဲ့
ပံုစံေလးကို ေတြ ့ႏိုင္ပါတယ္။

Text bouncing back and forth:




အေပၚက ကုဒ္ကေတာ့ ေအာက္ပါအတိုင္းေတြ ့ရမွာပါ။


ဥပမာအေနနဲ ့


Text Scrolling Upwards:




အေပၚက ကုဒ္ကေတာ့ ေအာက္ပါအတိုင္းေတြ ့ရမွာပါ။


ဥပမာအေနနဲ ့

အေပၚက ကုဒ္ကေလးရဲ ့UP ဆိုတဲ့ ေနရာကေလးမွာ Down ဆိုတာေျပာင္းရုိက္လုိက္ရင္ အေပၚ ကေန
ဆင္းလာတဲ့ ပံုစံကိုရႏိုင္ပါတယ္။

Change the Scrolling Speed:




အေပၚက ကုဒ္ကေတာ့ ေအာက္ပါအတိုင္းေတြ ့ရမွာပါ။


ဥပမာအေနနဲ ့ (အေႏွးပံုစံ)
ဥပမာအေနနဲ ့ (သာမန္ပံုစံ)
ဥပမာအေနနဲ ့ (အျမန္ပံုစံ)


1 , 10 , 20 ဆိုတဲ့ ေနရာေတြမွာ အလွ်င္ကို ကိုယ္ၾကိဳက္သေလာက္ထားလို ့ရပါတယ္။

အဆင္ေျပႏုိင္ၾကပါေစခင္ဗ်ာ။

No comments:

Post a Comment