We generally use marquee tags to control the scrolling of elements. But one-way marquee scrolling is discontinuous, and every time a scene is rolled, a blank appears. The scrolling in the following description is continuous, uninterrupted.
Below sunny little to introduce you how this is achieved.
In order for scrolling
Here are some explanations:
Align: is to set the position of the active caption, in addition to the left, center, the right three positions, but also to increase the upper (top) and bottom (bottom) two positions.
bgcolor: Used to set the background color of the active caption, you can use the English word can also be a hexadecimal number.
Direction: The scrolling direction used to set the active marquee is left, right, up (up), down (down).
Behavior:
Original: HTML tag marquee for scrolling effectPage Auto-scrolling effect, can be implemented by JavaScript, but today inadvertently found an HTML tag-Use marquee tags not only to move text, but also to move pictures, tables, and so on.Syntax:Important attributes:1. Scrolling direction direction (including 4 values: Up, down, left, and right)Syntax: 2.
There is a period of time has been tossing the mobile page elastic scrolling of various problems, do a bit of research, today do a little share ~The traditional PC side, the child container height exceeds the parent container height, usually uses the Overflow:auto can appear the scroll bar drag display overflow content, but in the mobile web development, because the browser manufacturer's system differs, the version is different, causes some models no
Scrolling subtitles can make a lot of people feel excited, especially when scrolling subtitles are used for the first time. Now do a detailed plan to give you a more comprehensive understanding.
Scrolling captions are available in the components of FrontPage, but FrontPage can only support a single line of text, there is more than one line of text it can do noth
jquery implementation of the graphics and text scrolling effect, the text content after a specified interval of time automatically scroll down to display, the effect is very cool. The need for small partners can refer to the following.
Web pages need to display the latest web site information, such as micro-blog dynamics, ticket information, road monitoring and other projects in the common real-time data scrollin
Ext.: http://ipjmc.iteye.com/blog/1615828The Scroller class in Android is a helper class to implement view smooth scrolling. Usually used in custom view, a private member Mscroller = new Scroller (context) is defined in view. Setting the Mscroller scrolling position does not cause the view to scroll, usually using Mscroller to record/calculate the position of the view scroll, and then rewrite the view's Com
Online TextView do the marquee, most of them are to use the focus, and the number of words to go beyond the width of the rolling area to achieve scrolling, use is very inconvenient.Here is a truly controllable scrolling(1) No focus required(2) Any number of words(3) Scroll from the right side of the scroll area, disappear on the left, and then come out from the right.On the Code1. layout fileRelativelayoutx
Page Auto-scrolling effect, can be implemented by JavaScript, but today inadvertently found an HTML tag-Use marquee tags not only to move text, but also to move pictures, tables, and so on.Syntax:Important attributes:1. Scrolling direction direction (including 4 values: Up, down, left, and right)Syntax: 2. Scrolling mode behavior (scroll: cyclic
default, Easeinoutcubic, or, if modified, the introduction of the Jquery.easings plugin, or the jquery UI.
CSS3:Whether to use CSS3 transforms to implement the scrolling effect, which is true by default. You can increase the speed of browsers that support CSS3, such as mobile devices, and if your browser does not support CSS3, you will use jquery instead of CSS3 to implement the scrolling effect. (The le
The automatic scrolling effect of the page, which can be implemented by JavaScript,But there is an HTML tag-Use marquee tags not only to move text, but also to move pictures, tables, and so on.Syntax:Important attributes:1. Scrolling direction direction (including 4 values: Up, down, left, and right)Syntax: 2. Scrolling mode behavior (scroll: cyclic
Summary of properties of Uiscrollview
Property
Role
Cgpoint contentoffset--------------------------
Monitor the current scrolling position
Cgsize contentsize------------------------------
The size of the scrolling range
Uiedgeinsets contentinset----------------
Scrolling subtitles are often seen on Web pages, such asBefore the use of JS implementation, today found that this has an HTML tag to achieve this function, the code is as follows:Use marquee tags not only to move text, but also to move pictures, tables, and so on.Syntax:Important attributes:1. Scrolling direction direction (including 4 values: Up, down, left, and right)Syntax: 2.
Marquee basic Syntax:Align: is to set the position of the active caption, in addition to the left, center, right three positions, but also increase the upper (top) and lower (bottom) two positions.Bgcolor: Used to set the background color of active subtitles, can be used in English words can also be hexadecimal number.Direction: The scrolling direction used to set the active caption is left, right, up, up, down.Behavior: Used to set the way of
First, prefaceLimited space to show unlimited content, this is the most common place to scroll. According to the information scrolling effect we can have a lot of implementations, but the HTML comes with the marquee tag is one of the simpler implementation. The following records are available for later inspection.Second, the basic knowledge of marquee tagsExample:"scroll" direction="left" loop=" -1 "scrollamount="scrolldelay=">"
1.html
The code is as follows
Copy Code
2.css
The code is as follows
Copy Code
. box{width:150px;height:25px;line-height:25px;border: #bbb 1px solid;Overflow:hidden;}. box ul{margin:0; padding:0}. Box li{height:25px;line-height:25px;font-size:12px;Text-align:center;List-style-type:none;}
3.JS
The code is as follows
Copy Code
function StartMarquee (lh,speed,delay,index) {/*Parameters for fu
Page Auto-scrolling effect, can be implemented by JavaScript, but today inadvertently found an HTML tag-Use marquee tags not only to move text, but also to move pictures, tables, and so on.Syntax:Important attributes:1. Scrolling direction direction (including 4 values: Up, down, left, and right)Syntax: 2. Scrolling mode behavior (scroll: cyclic
Position:fixed and Overflow:auto do a simple layout to achieve the effects we need, while on the phone side we encounter the following problems:
position:fixed is not supported under iOS4 and android2.2
iOS does not support Overflow:auto
iOS4 and android2.3 below and not supported Overflow-scrolling
The most serious result is that scrolling area content cannot be dragge
marquee| various text scrolling codes (for Announcements) 1. Create the first scrolling caption. Code:Effects such as: I clock the Web tree2. Detailed Parameters:A)scrollamount. It represents speed, and the greater the value, the faster. If it is not, the default is 6, which is better.b) Width and height, which indicates the size of the scrolling area, width is w
6
7
8
9
10
11
Brief introductionFullpage.js is a jQuery-based plugin that makes it easy and easy to make full-screen web sites.Today we often see full-screen websites, especially foreign websites. These sites with a few large pictures or color blocks to do the background, and then add some simple content, appear exceptionally high-end atmosphere of the grade. such as the introduction of the IPhone 5C page (view), the official website of the QQ browser. If you also want y
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.