Shulou(Shulou.com)05/31 Report--

This article mainly introduces the html css how to achieve up and down about the subtitle scrolling related knowledge, the content is detailed and easy to understand, the operation is simple and fast, has a certain reference value, I believe that after reading this html css how to achieve up and down about the subtitle scrolling article will have a harvest, let's take a look.

The basic syntax of marquee: … Like most HTML syntax elements, it appears in pairs, with the decorated object placed between the start and Terminator And it can achieve the effect of hovering over the mouse on its own, so let's explain the meaning of each parameter:

Align: sets the position of active subtitles. In addition to the three positions of left, center and right, it also adds two positions of top and bottom.

Bgcolor: used to set the background color of the active subtitle. You can use English words or hexadecimal numbers.

Direction: sets the scrolling direction of the active subtitle to the left (left), right (right), up (up), and down (down).

Behavior: used to set the scrolling method, mainly in three ways:

Behavior= "scroll" means to scroll from one end to the other

Behavior= "slide": means to quickly slide from one end to the other without repeating it.

Behavior= "alternate" means to scroll back and forth between the two ends.

Height: used to set the height of scrolling subtitles.

Width: sets the width of the scrolling subtitle.

Hspace and vspace: used to set the width of the left and right borders and the upper and lower borders of scrolling subtitles, respectively.

Scrollamount: used to set the scrolling distance of the active subtitle. The lower the number, the faster the scrolling.

Scrolldelay: used to set the delay time between scrolls. The smaller the value, the smaller the interval.

Loop: used to set the number of scrolls when loop=-1 means to keep scrolling until the page is updated. The default is to scroll to the left indefinitely, the subtitle height is the text height, the scrolling range: the width of the horizontal scroll is the width of the current position, and the height of the vertical scroll is the height of the current position.

Onmouseover: used to set the action performed by moving the mouse over the marquee block.

Onmouseout: lets you set what to do when the mouse is removed from the marquee block.

Without gossip, for example:

Blah, blah!

Blah, blah!

Look, isn't it easy? However, the above example only uses the default usage of marquee. When we add the corresponding parameters, it moves in a different way.

Parameter 1: direction

Direction means direction in English. There are four values for this parameter: left (left), right (right), up (top), and down (bottom).

Example: move up

Move up

Parameter 2: behavior

The way it moves. Values: scroll (cycle move), slide (move only one turn), alternate (move back and forth).

Ex.: , I walk back and forth!

Haha, I walk back and forth!

Tired! I only go once!

Vior=slide > tired! I only go once!

Parameter 3: loop

Cycle. If not specified, the loop is more than (infinite), and its value takes a numeric value. Example:

I only walk three times.

I only walk three times.

Parameter 4: scrollamount

Moving speed. The value is a positive integer. The higher the number, the faster the speed. Example:

Look how fast I walk!

Look how fast I walk!

Parameter 5: scrolldelay

Delay. Numerical value. Example:

I'll take a walk and stop.

I'll take a walk and stop.

Parameter 6: bgcolor

Background color. Ex.: see? There is a background! Http://www.changhai120.com/

Did you see that? There is a background!

Parameter 7: width and height

Is the width and height of the movement. Example:

This area is not enough for me to move!

This area is not enough for me to move!

Other parameters:

Blank (Margins)

Alignment (Align)

This is the end of the article on "how to scroll up and down the left and right subtitles in html css". Thank you for reading! I believe that everyone has a certain understanding of the knowledge of "how to scroll up and down the subtitles in html css". If you want to learn more knowledge, you are welcome to follow the industry information channel.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.