Originally in the front-end HTML code, the implementation of the horizontal vertical scrolling text or pictures, are used marquee, but with the consideration of browser compatibility and compliance with the standards of the international standard, then think of it or use JavaScript code to implement. Later, I like the jquery, the content of the following write hope for beginners Some help, master not to spr
Example: Text that needs scrolling can also be program codecan also be picture Onmouseover= "This.stop ()": To stop scrolling when the mouse is moved into the range: Align settings Absbottom: Absolute Bottom Alignment (aligns with the lower end of the letters G, p, etc.)Absmiddle: Absolute Central AlignmentBaseline: Bottom line AlignmentBottom: Bottom alignment (default)Left: Right-justifiedMiddle: Middle A
can achieve uniform, seamless, plus links and other cosmetic effects, this code is to achieve this function, so that the text from right to right to smooth scrolling, scrolling width, height, speed can be set.
[Ctrl + A All SELECT Note: If the need to introduce external JS need to refresh to perform]
Method 1: Because marquee has been abandoned by W3C standards, JS Code is the only way to implement the rolling effect under the standard.HTML code
The third is the most streamlined, with very few code.HTML code
For example
CodeIt works with the ID of the DIV to implement a text scroll effect that complies with W3C standards. Here you only need to assign an ID to Marquee to control the text. If you do not understand it, you can read the code.
For example, in this code, it works with the div id to implement a text scroll effect that complies with W3C standards. Here you only need to assign marquee an id to control the text, A friend who does not understand the code can read the code. [Ctrl + A select all Note: If you need to introduce external Js, You need to refresh it to execute]
Implement the drive light effect on webform
Front-end:
Background:
Public String Structure = "";The structure can be called.
Dynamic implementation
Front-end:
Background:
Label1.text + = "For (INT I = 0; I Label1.text + = string. Format ("}Label1.text + = "
Basic marquee syntaxMobile attribute settings, such movement is not limited to text, but can also be applied to images, tables, and so on.
Direction
Method
Loop
Style = "cursor: hand; overflow: hidden; width: 800px; Height: 50px">|
// JS controls image Movement (there is no blank left or right movement of Marquee)
1, open the sound will shadow X5, insert the video that wants to make the scrolling caption, click the t key, enter text, and adjust the format of font and background color.
2, select the properties, open and select the application options, and then choose the flight effect
3, select the Custom animation properties, select the Red box below the options, and then click the Play button, browse can
All right, the above is a smal
values.The code is as follows:DirectionSet the scrolling direction of active captionsThe code is as follows:HeightSet the height of the active captionThe code is as follows:WidthSet the width of the active captionThe code is as follows:HspaceSets the distance from the horizontal border of the parent container where the active caption is locatedThis controls the horizontal (level) space around the display box.The code is as follows:VspaceSets the dist
News One I'm the head. I move up, I move up, I move up. ;tr> News II I'm the head. I'm moving up, I'm moving up, I'm moving up. /TD> News Three I'm the head.
On sports I upward movement
[Ctrl + A All SELECT Note: If the
Introduction to the use of marquee labels and the introduction of marquee labels
Marquee achieves rolling effect (create scrolling text subtitles)
1. Attributes supported by marquee:
(1). behavior:
(2). ction:
(3). Set the number of
HTML Tag marquee achieves rolling effect, tag marquee
The automatic Page scrolling effect can be achieved by javascript, but today we accidentally discovered an html Tag-
You can use the marquee mark to move text, images, tables, and so on.
Syntax:
Important attributes:
1. Scroll direction ction (including four value
Add to favoritesAdd the following content between and :
Set as Homepage Add the following content between and :
This. style. Behavior = 'url (# default # homepage )';This. setHomePage ('HTTP: // 5dcity.yeah.net ');"Style = "cursor: Hand">Set the
Copy codeThe Code is as follows:DEMO code: My Marquee Halign training venue casual tea club club introduction indoor arena and horse Room farm [Ctrl + A select all Note: If you need to introduce external Js,
Make text that will be moved
Basic Syntax: text to be moved
1. direction # = left, right, up, downExample: move from right to left move from left to right
2. Times #= scroll, slide, AlternateExample: move around in a
Final effect Diagram
Source:
Copy Code code as follows:
Life so once
no longer willing to bow down because of willful
no longer because stubborn and easy to say goodbye
Believe once
A heart needs to be
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.