Use vue broadcast bar marquee tag

< Marquee > tag , which is a paired tag , the first tag < Marquee > and the end tag </ Marquee content between> is the scrolling content. < Marquee > tag attributes mainly behavior, bgcolor, direction, width, height, hspace, vspace, loop, scrollamount, scrolldelay the like, which are optional. 

behavior attribute 
parameter behavior property is alternate, scroll, slide one, respectively scrolling text back and forth, unidirectional rolling cycle, only one scroll, note that: if < Marquee > tag appears in the same time direction and behavior attribute, then the scroll and the scroll direction of the slide direction in accordance with the parameters set properties. 
    < Marquee  behavior = "Alternate"> I scroll back and forth </ Marquee > 
    < Marquee behavior = "scroll"> I unidirectional rolling cycle </ Marquee >
    < Marquee  behavior = "Scroll" direction = "up" height = "30"> I change unidirectional upward cycle through </ Marquee > 
    < Marquee  behavior = "Slide "> I just scrolled once </ Marquee > 
    < Marquee  behavior =" Slide "direction =" up "> I changed up the scroll once </ Marquee > 

bgcolor attribute
text scrolling range background color, the parameter value is a hexadecimal ( form: #AABBCC or # AA5566, etc.) or a predefined color name (such as red, yellow, blue, etc.). As follows: < Marquee  behavior == "Slide" direction = "left" bgcolor = "Red"> I red background color </ Marquee > 

direction property 
scrolling text direction, the parameter value of the property with a down, left, right, up a total of four single optional value, representing the rolling direction, down, left, right, up. As follows: 
    < Marquee direction = "right"> I scroll right </ Marquee > 
    < Marquee  direction = "right"> I scrolled down </ Marquee > 

width and height attributes 
action width and height attributes decision scrolling text rectangle the size of the page . width property to a predetermined width of the rectangle, height attribute specifies the height of the rectangle. These two parameters can be a digital value of the property or percentages digital representation (wide or high) number of pixels occupied by a rectangle, expressed as a percentage (wide or high) Rectangular percentage share of the browser window. As follows: 
    < Marquee  width = "300" height = "30" bgcolor = "Red"> I 300 pixels wide and 30 pixels high. </ Marquee > 

hspace and vspace attributes 
These attributes define the rolling from a blank rectangular region around the area. 
    < Marquee  width = "300" height = "30" vspace = "10" hspace = "10" bgcolor = "Red"> I from the horizontal and vertical rectangle edges 10 around each pixel. </ Marquee > 
 width = "300" height = " 30" vspace = "50" hspace = "50" bgcolor = "red"> I around the edges of the rectangle from each of the vertical and horizontal 50 pixels. </ Marquee > 

loop property 
loop attribute determines the number of rolling scrolling text, the default is an infinite loop. Parameter value may be any positive integer, the infinite loop if the parameter value -1 or infinite. As follows: 
    < Marquee  Loop = "2"> I scroll two times. </ Marquee > 
    < Marquee  Loop = "Infinite"> I scroll an infinite loop. </ Marquee > 
    < Marquee  Loop = "- 1"> I scroll an infinite loop. </ Marquee > 

scrollamount scrolldelay properties and 
these two properties determine the speed of scrolling text (scrollamount) and delay (scrolldelay), the parameter values are positive integers. As follows: 
    < Marquee  scrollamount = "100"> I fast.
 scrollamount = "50"> I am a bit slow. </ Marquee > 
    < Marquee  scrolldelay = "30"> I'm small step forward. </ Marquee > 
    < Marquee  scrolldelay = "1000" scrollamount = "100"> I am a big step forward. </ Marquee > 
align = left property
This property determines the vertical position of the left and right scrolling text within the shape from the border. You can also < Marquee > and </ Marquee > Replacing the contents of the image between the object and the like, or other functions.

Parameter 
direction represents the direction of scrolling, the value may be left, right, up, down, default is left 
behavior showing a rolling manner, the value may be a scroll (continuous roll) Slide (sliding a) Alternate (scroll back and forth) 
the number of loop represented cycles , the value is a positive integer, the default is an infinite loop 
scrollamount represents velocity, the value is a positive integer, by default. 6 
scrolldelay showing dwell time, the value is a positive integer, the default is 0 milliseconds 
align a vertical alignment element value may be top, middle, bottom, default is middle 
bgcolor denotes a background color motion region, the value is 16 hexadecimal RGB color defaults to white 
height, width represents the height and width of the motion region, the value is a positive integer (in pixels) or percentage, the default width = 100% height of the label the height of the elements within it. 
hspace, vspace element represents the horizontal region and the vertical distance from the border, is a positive integer value, in pixels. 
onmouseover = this.stop () onmouseout = this.start () indicates that when the mouse over the area when the scrolling stops when the mouse out and continue to roll. 

Note 
MARQUEE  equal to the width of the parent element and the default width of the element. If  MARQUEE  located not within the specified width TD, you need to explicitly set  MARQUEE  width. If  MARQUEE  and TD width are not specified, the marquee will be limited to one pixel wide.
To create a vertically scrolling marquee, set its scrollLeft attribute is set to 0. To create a horizontal scrolling marquee, please scrollTop attribute is set to 0, which will cover any script settings. 
scrollLeft and scrollTop property when scrolling caption read-only. When not scrolling, scrollLeft is provided for horizontal scrolling marquee read-write, scrollTop respect to vertical scroll marquee is readable and writable. 
This element is available in HTML Microsoft® Internet Explorer 3.0, the available scripts in Internet Explorer 4.0. 
This element is a block element. 
This element requires a closing tag . 

Example 
The following example uses the  MARQUEE  element to create a marquee from left to right, the moving speed of 10 pixels every 200 milliseconds. 
< The MARQUEE  DIRECTION RIGHT BEHAVIOR = SCROLL scrollamount = 10 = 200 is scrolldelay => This is a marquee. </ The MARQUEE > 
The following example shows a  marquee  some uses scrollLeft scrollTop attributes and elements. 
< MARQUEE  the above mentioned id = M1 direction = right style = "border-width: 2px; border-style: Solid;" width = 200 height = 200> right </ MARQUEE > 
! <- Click this button when scrolling captions can be scrollLeft scrollTop read value and properties. -> 
<BUTTON onclick = "alert ( ' scrollLeft:' + m1.scrollLeft + 'scrollRight:' + m1.scrollTop)"> read </ BUTTON> 
! <- stopped when a subtitle, you can set the level of the scrollLeft subtitles, vertical or set subtitle scrollTop. -> 
<BUTTON the onclick = "m1.stop (); m1.scrollLeft = 190;"> = 190 stop and set the scrollLeft </ BUTTON> 
<BUTTON the onclick = "m1.start ();"> Start </ BUTTON>