Note: All are reproduced.First, one-line scrolling:--------Copy the following code directly to test reprint http://www.3lian.com/edu/2011/06-30/4986.html-------------------------------------------------------------------Multi-line scrolling, copy the code to achieve----------------------------Reprint http://www.cnblogs.com/dearxinli/p/3770803.html-------------------------------------------------------------
Method: Use Layout controlThe contents of the page are placed in an element a that is as large as the Web page (there is a scrollbar in the content of element B)First, the body and HTML, element a set width:100%;height:100%;Element A is set Overflow:auto;Add a class= ' hidden ' to element aWrite style. hidden{Overflow:hidden;}Then write the JS code (native)var content=document.queryselector (element a);var conbox=document.queryselector (element B with scroll
The following code refresh the file before you can load jquery.1. Single Row scroll Effect [Ctrl + A select all Note: If you need to introduce external Js, You need to refresh it to execute]2. multi-row scrolling Effect [Ctrl + A select all Note: If you need to introduce external Js, You need to refresh it to execute]3. Control the scrolling of multiple rows forward and backward [Ctrl + A select all Note
The following code, after running, needs to be refreshed to load jquery, or not see the effect.
1. Single-line scrolling effect
[Ctrl + A All SELECT Note: If the need to introduce external JS need to refresh to perform]
two, multi-line scrolling effect
[Ctrl + A All SELECT Note: If the need to introduce external JS need to refresh to perform]
three, can control the forwa
Parallax Scrolling (Parallax scrolling) is a multi-layered background that moves at different speeds, creating a three-dimensional movement that results in a very good visual experience. As a hot trend in web design this year, more and more websites have applied this technology.You can look at the effect first: http://www.ok-studios.de/home/One, what is parallax scrolli
What is parallax scrolling
What is the effect of parallax scrolling?
How to realize the parallax scrolling effect
1 the left and right slide of the page by using Viewpager
2 Viewpager have a way to achieve parallaxscrolling?
3 Viewpagerpagetransformer How to use
Thinking caused by parallax
Automatic left and right scrolling and controllable scrolling effect of jqueryIdeas:Click on the scrolling mode, to click (Forward/backward/digital) to add click events, by controlling the display block left value to achieve switching.1. Forward (left): When in the first layout, scroll to the last page, otherwise, add left value, roll forward;2. Back (right): Whe
Share a sample that controls left and right scrolling and automatic scrolling, last night spent two hours, enduring the bite of the mosquito, the sweat of the attack, a line of the sweat code. Ha ha.
Encapsulation of two modes: Click on the rolling version of the demo automatic scrolling version of the demo, the source code has detailed comments.
Ideas:
Click on
With HTML5 and CSS3, we are able to create more interesting and eye-catching effects in the browser. Among them, parallax scrolling (Parallax scrolling) is one such effect. This technique creates an amazing 3D effect by scrolling down the page, controlling the movement of the background more slowly than the foreground movement speed.The first parallax
Details about HTML scrolling subtitle code and parameters, and details about scrolling subtitle ParametersHtml text scrolling code
Marquee parameters:BGColor: the background color of the scroll text box.Direction: Set the scroll Direction. You can select Left, Right, up, and down.Scrolldelay: the delay time between each scroll.Scrollamount: the total time of a
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 and end tags
ScrollHeight: Gets the scrol
Js achieves seamless image scrolling effects and js seamless scrolling Effects
First, the first focus of seamless rolling is "dynamic. To learn how to make the page element nodes work, you must understand the related knowledge about the timer in JavaScript.
There are two methods to create a timer in JS: setTimeout and setInterval. First, they receive the same parameters: the first parameter is a function fo
There are many kinds of horizontal scrolling effects, such as seamless scrolling of images, scrolling from left to right, from right to left, and scrolling of images with a magnifier effect. The javascript special effect code shared by the lazy guy is the seamless scrolling
This is when you are doing a personal stand to show the results of the project, because not only to show, but also to introduce the details, in the rolling display of the place to do this to facilitate the opening of the desired item.The first thing to do is a region that needs scrolling. I've written an example of a circular scrolling of a picture, which is a piece of rolling ==> that implements the circ
Reprinted please indicate the source: orangutan Captain http://www.cnblogs.com/wayns/p/parallax_study_page_scroll.html
Parallax scrolling)It refers to making multi-layer backgrounds move at different speeds to form a three-dimensional motion effect and bring a very good visual experience. As a hot trend in web design in 2014, more and more websites have applied this technology. Http://www.awwwards.com/top-10-web-design-topics-of-2014.html
Here are so
If a scholar does not go out, he knows the world. Watching the news to understand the latest domestic and international developments, to master real-time information, is what we often do.What kind of news provides a way to attract "scholar"? Intuitive feeling, clear direction is the basic requirements.So, almost all of the big news pages and apps that contain scrolling picture news and News categories menu.Image News add intuitive feel, category menu
Original address: http://www.goodfav.com/zh/parallax-scrolling-wordpress-themes-3744.html
Parallax effect, in the web design has become a hot trend, it is widely used in sliders, and even the entire Web page. You can easily find WordPress themes that implement parallax scrolling, and then use customizations to achieve a unique and interactive website.
It is important to give users a whole new experience in
JQuery implements simple scrolling animation effects and jquery scrolling Animation
The idea of animation is very simple. Click an element on the page and scroll to the specified position. The following describes my research results of Baidu in three hours:
First, the html section:
Add two
Href = "javascript:;" indicates that element a can activate javascript code. If no value is added, the code is inval
JQuery text and image list scrolling plug-in, jquery image list scrollingThis is a jQuery plugin that enables horizontal and vertical scrolling of any text and image list. The jquery list rolling plug-in can use any list, any size, and any content. It can set horizontal and vertical scrolling, automatic scrolling, and
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.