Use the marquee attribute in html to achieve dancing text

Source: Internet
Author: User
By using the mobile property marquee, you can not only dance your text, but also apply it to pictures, tables, and so on. Syntax: ...
By using the mobile property marquee, you can not only dance your text, but also apply it to images, tables, and so on.
Welcome to the first PHP community!
Direction = left, indicating the direction. The text above shows "Welcome to kiccom Youth Learning Channel !" Move from right to left! In addition, the direction is right, up, down.
In addition to direction, we can also add other restricted elements:
How to move:
Loop movement: loop = n (n, indicating the number of times) circle movement: behavior = scroll only once: behavior = slide move back and forth: behavior = alternate
Appearance, font size(N, variable) align = top/middle/bottom background color: bgcolor = Blue (predefined colors, such as Black, Olive, Teal, Red, Blue, Maroon, navy, Gray, Lime, Fuchsia, White, Green, Purple, Silver, Yellow, Aqua or hexadecimal digital)
Others: Speed: scrollamount = n (n, variable) latency: scrolldelay = n (n, variable)
"
Onmouseover
Onmouseout Continues Rolling when the mouse leaves

Use the marquee code to implement text scrolling and image scrolling

Today, you can see the scroll text settings on the TAP! It seems that it is not supported before. Maybe I have never used it! Let's take a look at the results!
The following code is used to explain the upstream and downstream scrolling text announcement panel that the TAP knows.
Marquee parameters:
BGColor: the background color of the scroll text box.
Direction: Set the scroll Direction. You can select Left, Right, up, and down.
Scrolldelay: the delay time between each scroll.
Scrollamount: the total time of a rolling. The smaller the number, the slower the rolling.
Behaviour: Set the Scroll mode. Three values are: Scroll (Cyclic Scroll) lide (single Scroll) AND Alternate (back-and-forth Scroll ).
Align: Specifies the Align of text. You can select "Middle", "Bottom", or "Top ).
Width: the Width of the scroll text box. after entering a value, select in Pixels (by pixel) or in Percent (by percentage) from the following single pixel ).
Height: the Height of the scroll text box. after entering a value, select in Pixels (by pixel) or in Percent (by percentage) from the following single pixel ).
Loop: Number of scrolling times. The default value is infinite.
Hspace and vspace: Empty rows between front and back, and between top and bottom.
The demo below is my announcement panel Demonstration: You can see the effect in the lower right corner! If you like it! The above code is used to explain the result!
Effect 1: Text scroll up

   
   

Announcement on this site

Welcome to Xiaojun Resources

We will share with you the latest free resources and information,

Hope you like it. Your support is my greatest motivation!

Make sure you have any suggestions!

The resources on this site come from the network. If the website infringes on you!

Thank you for your support. Xiaojun is wonderful because of you.

Effect 2: Text scroll to the left
[Announcement] Some tutorials are original for Tap. for reprinting, please indicate the source!
Code for image scrolling:

    
  

Related Articles:

Analysis of marquee attributes in HTML

Detailed usage of marquee

A simple method to implement rolling effect based on HTML Tag marquee

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.