Network Security Internet Technology Development Database Servers Mobile Phone Android Software Apple Software Computer Software News IT Information

In addition to Weibo, there is also WeChat

Please pay attention

WeChat public account

Shulou

How to make scrolling subtitles on web pages by dreamweaver

2025-02-27 Update From: SLTechnology News&Howtos shulou NAV: SLTechnology News&Howtos > Internet Technology >

Share

Shulou(Shulou.com)06/02 Report--

This article mainly explains "how to make scrolling subtitles on dreamweaver". Friends who are interested may wish to have a look. The method introduced in this paper is simple, fast and practical. Let's let the editor take you to learn "dreamweaver how to make web scrolling subtitles"!

Scrolling subtitles are available in FrontPage components, but FrontPage this software can only support single-line text, when there is multiple lines of text, it is powerless, and it can only support one-line scrolling! (if you can only scroll one line, the solution is to embed this code in [xss_clean] in JavaScript, see the following example for details.) Dreamweaver can only use the method of writing HTML code. Therefore, it is strongly recommended to use notepad to open the source code of the web page to edit.

1. Create the first scrolling subtitle. Code:

The following is a reference clip:

Scroll subtitles

two。 Detailed description of each parameter:

A) scrollAmount. It represents speed, and the higher the value, the faster the speed. Without it, the default is 6, and it is recommended to set it to 1: 3.

B) width and height, indicating the size of the scroll area, width is the width, and height is the height. Especially when doing vertical scrolling, be sure to set the value of height.

C) direction. Indicates the direction of scrolling. The default is from right to left: ←←←. Optional values are right, down, up. The scrolling directions are right for →→→, up for ↑, and down for ↓.

D) scrollDelay, which is also used to control speed. The default is 90. The higher the value, the slower the speed. Usually, scrollDelay does not need to be set up.

E) behavior. Use it to control properties, which defaults to circular scrolling. Optional values are alternate (alternate scrolling) and slide (slide effect, which means to scroll once and then stop scrolling)

3. Example:

A) how to add hyperlinks to scrolling subtitles? This is exactly the same as the usual hyperlink. As long as you add it to the text

The following is a reference clip:

Click to enter:

B) how to make the text stop scrolling when the mouse hovers over the text?

Codes such as:

The following is a reference clip:

Text content

C) alternating effect. Codes such as:

?

The following is a reference clip:

Text content

D) multiple lines of text scroll up. Codes such as:

The following is a reference clip:

Good morning!

The air is so fresh.

What's good to eat now?

Note: if your web page has been edited by FrontPage and saved, you can only scroll one line, then you will find that your original code order has changed, My god! The solution is to find the original code and embed it in [xss_clean] of JavaScript. The above code is written as follows:

The following is a reference clip:

Good morning!

The air is so fresh.

What's good to eat now?

As can be seen from the above, HTML code can be combined at will, and its function is powerful!

At this point, I believe you have a deeper understanding of "dreamweaver how to make web page scrolling subtitles". You might as well do it in practice. Here is the website, more related content can enter the relevant channels to inquire, follow us, continue to learn!

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.

Views: 0

*The comments in the above article only represent the author's personal views and do not represent the views and positions of this website. If you have more insights, please feel free to contribute and share.

Share To

Internet Technology

Wechat

© 2024 shulou.com SLNews company. All rights reserved.

12
Report