Basic HTML- LESSION (4)အဆက္

Basic HTML

LESSION (4)

4.2  Moving Fonts (လႈပ္႐ွားေနေသာ စာလံုးမ်ား)

Website ႏွင္႔ Blog မ်ားကို တန္ဆာဆင္ရန္ လႈပ္႐ွားေနေသာ စာလံုးမ်ား ကိုဖန္တီးဖို႔ <marquee> tag
ကိုတတ္ထားသင္႔ေပသည္။ ဤသင္ခန္းစာတြင္က်န္႐ွိေသာmarquee(Attributes)မ်ားကိုဆက္လက္ေဖာ္ျပပါမည္ 

Continuous scrolling text:

direction="right " ဟုဆိုလွ်င္ စာလံုးေလးမ်ားသည္ သတ္မွတ္ထားေသာဧရိယာတြင္ 
ဘယ္ မွညာသို႕ေ႐ြ႕လ်ားလာၿပီး သတ္မွတ္ဧရိယာဆံုးလွ်င္ ဘယ္ မွျပန္လည္ထြက္ေပၚလာ၍ အဆက္မျပတ္သြားေနမည္။
This marquee causes the text to scroll continuously from left to right. Once it disappears from the left, it re-appears from the left.
ကဲၾကည္႔ ရေအာင္

Code	Result
<marquee behavior="scroll" direction="right">Your scrolling text goes here</marquee>	Your scrolling text goes here=>>

Text Scrolling Upwards:

direction="up" ဟုဆိုလွ်င္ စာလံုးေလးမ်ားသည္ သတ္မွတ္ထားေသာဧရိယာတြင္ 
ေအာက္မွအေပၚသို႕ေ႐ြ႕လ်ားလာၿပီး သတ္မွတ္ဧရိယာဆံုးလွ်င္ ေအာက္ဖက္ မွျပန္လည္ထြက္ေပၚလာ၍ အဆက္မျပတ္သြားေနမည္။

Code	Result
<marquee behavior="scroll" direction="up">Your Upwards scrolling text </marquee>	Your Upwards scrolling text

Text Scrolling Downwards:

direction="down" ဟုဆိုလွ်င္ စာလံုးေလးမ်ားသည္ သတ္မွတ္ထားေသာဧရိယာတြင္ 
အေပၚမွေအာက္သို႕ေ႐ြ႕လ်ားလာၿပီး သတ္မွတ္ဧရိယာဆံုးလွ်င္အေပၚဖက္ မွျပန္လည္ထြက္ေပၚလာ၍ အဆက္မျပတ္သြားေနမည္။

Code	Result
<marquee behavior="scroll" direction="down">Your Downwards scrolling text </marquee>	Your Downwards scrolling text

Slide-in text:

<marquee behavior="slid" direction="left"> ဟုဆိုလွ်င္ စာလံုးမ်ားသည္ သတ္မွတ္ဧရိယာ၏
ညာဖက္မွထြက္ေပၚလာ၍ ဘယ္ဖက္သို႔ေ႐ြ႕လ်ားလာၿပီး ၎ဘယ္ဖက္အစြန္းတြင္ရပ္နားေနမည္။
This text slides in from the right, then stays where it is. You will need to refresh this page to see the effect again.

Code	Result
<marquee behavior="slide" direction="left">Your scrolling text </marquee>	Your scrolling text

<marquee behavior="slid" direction="right"> ဟုဆိုလွ်င္ စာလံုးမ်ားသည္ သတ္မွတ္ဧရိယာ၏
ဘယ္ဖက္မွထြက္ေပၚလာ၍ ညာဖက္သို႔ေ႐ြ႕လ်ားလာၿပီး ၎ညာဖက္အစြန္းတြင္ရပ္နားေနမည္။
This text slides in from the right, then stays where it is. You will need to refresh this page to see the effect again.

Code	Result
<marquee behavior="slide" direction="right">Your scrolling text </marquee>	Your scrolling text

Text bouncing back and forth:

စာလံုးမ်ား ဘယ္-ညာေခါက္တုန္႔ေခါက္ျပန္ သြားရန္အတြက္  behavior="alternate" ကိုအသံုးျပဳမည္။

Code	Result
<marquee behavior="alternate" >Your bouncing text </marquee>	Your bouncing text

ခ်စ္ေသာပညာလိုလားအမ်ဳိးေကာင္းသား/သမီး တို႔ ဒီေနရာမွာ <marquee> tag သင္ခန္းစာကိုေခတၱ

ရပ္နားပါမယ္။ ဓာတ္ပံုမ်ားေ႐ြ႕တဲ႔ <marquee> tag သင္ခန္းစာကို ေနာက္ပိုင္းမွာ ေပါင္းစပ္ေဖာ္ျပပါမယ္။

ျပဆိုခဲ႔ၿပီးေသာသင္ခန္းစာ မ်ားကို အထပ္ထပ္ေၾကညက္ေအာင္ေလ႔လာၿပီး  <marquee> tag မွာ စာလံုးေတြကို အေရာင္မ်ားထည္႔ ၿပီး ေပါင္းစပ္ေလ႔က်င္႔ပါလို႕ အႀကံျပဳပါရေစ။

                                                                  ေမတၱာျဖင္႔ - ဦးေအးမင္း(ေအာင္ေျမ)