This article mainly introduces two usages of HTML marquee tags. One is to let the text in the marquee tag scroll up and down, and the other is to make the text in the marquee tag scroll faster or slower. You can also use two of them together. Now let's see this article together.
Let's first recognize this HTML marquee
This article mainly introduces the properties of HTML marquee tags and the picture scrolling usages of marquee tags, you can experiment more, so the effect will be better. Let's see this article together
To set up picture scrolling, let's look at the properties of several HTML marquee tags:
InnerHTML: Sets or gets the HTML that is inside the object's start
Reprinted from http://blog.csdn.net/lanvia/article/details/1633755In the default editing state of the forum, we can move the object through the UBB syntax of move and fly statements, but the function is simple, just moving in parallel. And we use HTML's marquee statement to produce more moving effects: Left, right, up, down. Nested using the marquee statement, the effect is even richer.Marquee Basic Grammar
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 scrolling times:
2. Common marquee
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 values: up, down, left, and right)
Syntax:
2. scr
Because the marquee label is now used less and more, so scrolling effect is mostly to use JavaScript to achieve, as for do not understand why not directly with the marquee tag friends, may wish to read this article first.
The first approach: simulate marquee with JavaScript.
Source: NetEase Game
[Ctrl + A All SELECT Note: If the need to introduce ex
What we're going to learn today is Photoshop's marquee tool, the Photoshop Marquee tool has four tools-rectangular marquee tool, elliptical Marquee tool, Single-line Marquee tool, single column Marquee tool, and the
Photoshop's marquee tool contains four tools, which are rectangular marquee tool, elliptical Marquee tool, Single-line Marquee tool, single column Marquee tool, and the Marquee tool allows you to select rectangles, ellipses, and r
) between the two rolling cycles. The default value is 85, which scrolls with a default value when set to a negative number.Third, the mouse hover pause scrolling, remove to resume scrolling"this.stop (); " onmouseout="This.start (); "> scrolling Messages Iv. SummaryThe marquee tag is a good choice when we only need to implement a simple scrolling effect such as a special announcement (although it has been abolished in
Update again! MSClass (Class Of Marquee Scroll General uninterrupted rolling JS encapsulation Class Ver 1.6)/* MSClass (Class Of Marquee Scroll generic uninterruptible rolling JS encapsulation Class) Ver 1.6 *\Production Time: (Ver 0.5)Release date: (Ver 0.8)Last Updated: (Ver 1.6)Update Description: + added features * corrected and improved1.6.070131+ Disable mouse control to pause or continue (set the 9th
This article is mainly through a step by step implementation of a full-featured marquee announcements to demonstrate the use of clippingnode and finally in-depth Clippingnode source code, understand its implementation principle.First of all, the introduction of Clippingnode,clippingnode is also called the clipping node, can be used to cut some of the content through the use of templates to display in the interface, you can achieve some cool effect. To
Resources:http://blog.csdn.net/huiwolf2008/article/details/7901084Http://www.cnblogs.com/Gaojiecai/archive/2013/06/18/3142783.htmlIn TextView and EditText, you can use Ellipsize to set up text overflow hiding, such as: "A long text ..."Use the following:in XMLAndroid:ellipsize = "End" ellipsis at the endAndroid:ellipsize = "Start" ellipsis at the beginningAndroid:ellipsize = "Middle" ellipsis in the middleAndroid:ellipsize = "Marquee" marqueeIt is bes
Sometimes the marquee effect written in XML does not scroll: The reasons are as followsIn the Android system TextView realizes the marquee effect, must have the following several conditions: 1, android:ellipsize= "marquee" 2, TextView must be shown in a single line, that is, the content must exceed the TextView size 3, TextView to get focus to scroll (if not, use
The screen of a mobile phone is relatively small. Sometimes you need to use a text box (TextView or its subclass) to display a long line of text. One way is to cut the text, use... .
A common practice is to use Marquee to scroll text. This example describes the Marquee Effect of TextView.
Let's take a look at the definition of marquee. xml in layout:
[Html]Androi
Android:textview automatic scrolling (marquee)TextView implementation of text scrolling requires the following points: 1. Text length is longer than can be displayed range: Android:singleline= "true" 2. Set scroll to, or display style: android:ellipsize= "marquee" 3. TextView The hidden text is only scrolled when the focus is taken, so you need to create a new class in the package to inherit the TextView. O
TextView Simple EffectTextView Android:text="@string/longword"Android:layout_width="wrap_content"Android:layout_height="wrap_content"Android:id="@+id/textview1"android:ellipsize="Marquee"Android:singleline="true"android:focusable="true"Android:focusableintouchmode="true"/>TextView a few of the common properties of the marquee effect, of which ellipsize, Singleline, focusable, Focusableintouchmode are requir
Implement a seamless rolling plug-in for marquee Based on jQuery, jquerymarquee
JQuery-based plug-ins that implement seamless marquee scrolling have been released to git.oschina.net to demonstrate later updates (updated to the http://git.oschina.net/mqycn/jQueryMarquee ).
The Code is as follows:
/*** Class library name: jQuery. marquee * Implementation function:
Marquee>Label, it is a label that appears in pairs, the first labelMarquee>and tail labelMarquee>The content between is scrolling content.Marquee>The properties of the tag are behavior, bgcolor, direction, width, height, hspace, vspace, Loop, scrollamount, scrolldelay, etc., which are optional. The parameter value of the Behavior property Behavior property is one of alternate, scroll, and slide, indicating that the text scrolls back and forth, scrolls
Marquee was abandoned by W3C. This sentence is actually incorrect. Why? Because Marquee has never been regarded as a formal tag by W3C. In the forum, I saw the netizen jeanjean20 mentioned how to modify Marquee to meet the standards. I read my friends' posts and thought it was quite good. The moderator greengnn indicated that
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.