Basic HTML- LESSION (4)

Basic HTML LESSION (4)

 Moving Fonts (လှုပ်ရှားနေသော စာလုံးများ)

                    စာလုံးလေးတွေ လှုပ်ရှား ၊ရွေ့လျားဖို့ <marquee> tag ကိုအသုံးပြုမည်။

 marquee(Attributes)
(1)Settings of the scrolling section
(a) width="pixels or %  "       for       size of the width
(b) height="pixels or % "        for      size of the height
(c) hspace="pixels "        for      horizontal space
(d) vspace="pixels "        for     vertical space
(e) bgcolor=" color code or name"  for  background color

(2)  Settings of the movement
   (a)behavior (default is scroll)
      (i) behavior="scroll  "   for  scrolling text
      (ii) behavior="slide"     for  sliding text
     (iii)behavior="alternate" for bounce back and forth

   (b) direction(default is left)
      (i)direction="left"     - it moves left (ညာမှဘယ်သို့ရွေ့သည်။)
      (ii)direction="right"  - it moves right (ဘယ်မှညာသို့ရွေ့သည်။)
      (iii)direction="up"     - it moves up (အောက် မှအပေါ် သို့ရွေ့သည်။)
      (iv)direction="down"  - it moves down  (အပေါ်မှအောက်သို့ရွေ့သည်။)

(3) loop (default is infinity) 
       loop=" number "   number of the loops

(4) scrollamount (Speed of motion) (default is 6)
    (i) scrollamount="number"
       high value = fast | low value = slow
 

ကဲ Example: တွေကြည့်ရအောင်။

Continuous scrolling text: 

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

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

Code ဇယားထဲက code တွေကို Notepad ပေါ် Copy ယူပြီး Save As လုပ် Run ကြည့်ပါ။

ကျန်သော direction=" " (right , up , down ) ပြောင်းပြီး Run ကြည့်ပါ။

နောက်သင်ခန်းစာမှာ ကျန်သောmarquee(Attributes)များကိုဆက်လက်ဖော်ပြပါမည်။

                                 ****************************