Html Marquee

Clicking the Marquee

<marquee behavior="scroll" direction="left" onmousedown="this.stop();" onmouseup="this.start();">ဒီေနရာမွာစာရိုက္မယ္ (ေမာက္စ္ကေလးနဲ ့ကလစ္လုပ္ေပးရင္ ရပ္ေနပါလိမ့္မယ္)!</marquee><br />

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

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

Hovering over the Marquee


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


<br /><marquee behavior="scroll" direction="left" onmouseover="this.stop();" onmouseout="this.start();">ဒီေနရာမွာကိုယ္ေရးခ်င္တဲ့စာေရးပါမယ္</marquee><br />

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

ဥပမာအေနနဲ ့!

Arrows

<br /><marquee behavior="alternate" width="10%">>>></marquee>ဒီေနရာမွာ ကိုယ္ေရးခ်င္တဲ့စာေရး<marquee behavior="alternate" width="10%"><<</marquee>

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


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

Picture

<marquee direction="up"><img src="ဒီၤေနရာမွာ သင္ထည့္ခ်င္တဲ့ ပံုရဲ ့တည္ေနရာထည့္"></marquee><br />


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




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

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

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

Slide-in text:

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

<marquee behavior="slide" direction="left">ဒီမွာစာလံုးရိုက္ထည့္ရန္</marquee>

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

ဥပမာအေနနဲ ့

Continuous scrolling text:

<marquee behavior="scroll" direction="left">ဒီေနရာမွာ သင့္စာလံုးရိုက္ထည့္ရန္ </marquee>

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

ဥပမာအေနနဲ ့

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

Text bouncing back and forth:

<marquee behavior="alternate">ဒီေနရာမွာ သင့္စာလံုးရိုက္ထည့္ရန္</marquee>

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

ဥပမာအေနနဲ ့

Text Scrolling Upwards:

<marquee behavior="scroll" direction="up">ဒီေနရာမွာ သင့္စာလံုးရိုက္ထည့္ရန္ </marquee><br />

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

ဥပမာအေနနဲ ့

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

Change the Scrolling Speed:

<marquee behavior="scroll" direction="left" scrollamount="1">Slow scroll speed</marquee><marquee behavior="scroll" direction="left" scrollamount="10">Medium scroll speed</marquee><br/><marquee behavior="scroll" direction="left" scrollamount="20">Fast scroll speed</marquee>

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

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

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

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