Comprehensive Understanding of the complete manual for creating rolling subtitles

Source: Internet
Author: User

Content: Rolling Subtitles can make many people feel excited, especially when they are used for the first time. I also did a lot of work on rolling subtitles, so I am not very excited about it, so I am not using much now. Many of my friends often asked how this was done. Now I am working on a detailed topic to give you a more comprehensive understanding.

Rolling subtitles are included in the FrontPage component. However, the FrontPage software supports only one line of text. When multiple lines of text appear, it cannot do anything, and it can only support one line of scrolling! Dreamweaver can only be used to compile HTML code. Therefore, we strongly recommend that you use NotePad to open the source code of the webpage.

1. Create the first rolling subtitle. Code:

<Marquee scrollamount = 2 width = 300> my Zhongyi webpage tree </marquee>

2. parameters:

A) scrollamount. It indicates the speed. The greater the value, the faster the speed. If you do not have it, the default value is 6. We recommend that you set it to 1 ~ 3 is better.

B) width and height indicate the size of the rolling area, width indicates the width, and height indicates the height. Especially when performing vertical scrolling, you must set the height value.

C) Direction. Indicates the scroll direction. The default value is "scroll left. Optional values include right, down, and up. The scroll direction is: Right, →, up, and down, respectively.

D) scrolldelay, which is also used to control the speed. The default value is 90. The larger the value, the slower the speed. Generally, scrolldelay does not need to be set.

E) behavior. It is used to control attributes. The default value is circular scrolling. Optional values include alternate and slide.

3. instance:

A) How do I add hyperlinks to rolling subtitles? This is exactly the same as the usual hyperlink. You only need to add <a href = ***> and </a> to the text. The following effect, the code is <marquee scrollamount = 2 width = 300> <a href = http://www.cctv.com> CCTV </a> </marquee>, CCTV can enter:

CCTV

B) How do I make the text to stop scrolling when the mouse stays on the text?

The Code is as follows:

<Marquee scrollamount = 2 width = 300 onmouseover = stop onmouseout = Start> text content </marquee>

C) Alternate effect. The Code is as follows:

<Marquee scrollamount = 2 width = 99 behavior = alternate> text content </marquee>

D. Scroll up multiple lines of text. The Code is as follows:

<Marquee scrollamount = 2 width = 300 Height = 160 ction = up> good morning! <Br> the air is fresh. <br> what about the current food shortage? <P> <a href = http://www.cctv.com> CCTV </a> </marquee>

NOTE: If your webpage passes through the FrontPage, you can only scroll one row after saving it. At this time, you find that your original code order has changed, my God! The solution is to find out the original code and embed it into document. Write in Javascript. Write the Code as follows:

<SCRIPT> document. Write </SCRIPT>

We can see from the above that HTML code can be combined at will, with powerful functions!

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.