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 |
---|---|
Text Scrolling Upwards:
direction="up" ဟုဆိုလွ်င္ စာလံုးေလးမ်ားသည္ သတ္မွတ္ထားေသာဧရိယာတြင္ေအာက္မွအေပၚသို႕ေ႐ြ႕လ်ားလာၿပီး သတ္မွတ္ဧရိယာဆံုးလွ်င္ ေအာက္ဖက္ မွျပန္လည္ထြက္ေပၚလာ၍ အဆက္မျပတ္သြားေနမည္။
Code | Result |
---|---|
Text Scrolling Downwards:
direction="down" ဟုဆိုလွ်င္ စာလံုးေလးမ်ားသည္ သတ္မွတ္ထားေသာဧရိယာတြင္အေပၚမွေအာက္သို႕ေ႐ြ႕လ်ားလာၿပီး သတ္မွတ္ဧရိယာဆံုးလွ်င္အေပၚဖက္ မွျပန္လည္ထြက္ေပၚလာ၍ အဆက္မျပတ္သြားေနမည္။
Code | Result |
---|---|
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="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 |
---|---|
Text bouncing back and forth:
စာလံုးမ်ား ဘယ္-ညာေခါက္တုန္႔ေခါက္ျပန္ သြားရန္အတြက္ behavior="alternate" ကိုအသံုးျပဳမည္။Code | Result |
---|---|
ခ်စ္ေသာပညာလိုလားအမ်ဳိးေကာင္းသား/သမီး တို႔ ဒီေနရာမွာ <marquee> tag သင္ခန္းစာကိုေခတၱ
ရပ္နားပါမယ္။ ဓာတ္ပံုမ်ားေ႐ြ႕တဲ႔ <marquee> tag သင္ခန္းစာကို ေနာက္ပိုင္းမွာ ေပါင္းစပ္ေဖာ္ျပပါမယ္။
ျပဆိုခဲ႔ၿပီးေသာသင္ခန္းစာ မ်ားကို အထပ္ထပ္ေၾကညက္ေအာင္ေလ႔လာၿပီး <marquee> tag မွာ စာလံုးေတြကို အေရာင္မ်ားထည္႔ ၿပီး ေပါင္းစပ္ေလ႔က်င္႔ပါလို႕ အႀကံျပဳပါရေစ။
ေမတၱာျဖင္႔ - ဦးေအးမင္း(ေအာင္ေျမ)
Comments
Post a Comment