Source file:
Scrollspy.js
Implementation features
1. Set the specified item on its navigation when the HashKey distance from the vertex to the valid position in the scrolling region
2, the navigation must be. Nav > li > A structure, and a on href or data-target to bind HashKey
3, the menu must have. NAV Style
4, scrolling area of the Data-target and navigation parent ID (must be the parent) to be cons
HTML tags- can achieve a variety of scrolling effects, without JS control. Use the marquee tag not only to move text, but also to move pictures, tables, and so on. Just enter the content you want to scroll inside First, label properties1. Scrolling direction Direction(including 4 values: Up, down, left, and right)Syntax: 2. Scrolling mode behavior(scroll: cyclic
Demo downloadBrief introductionToday 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 your website can design perfect screen, appear more on the grade, you can try Fullpage.js.Fullpage.js is a jQuery-based pl
Fullpage.js is a jQuery-based plugin that makes it easy and easy to make full-screen web sites.Download source codeParametersKey Features
Support Mouse Scrolling
Support for forward and backward and keyboard control
Multiple callback functions
Support phone, tablet touch events
Support CSS3 Animations
Support for Window Scaling
Auto Adjust when window is scaled
You can set scro
jquery Scrolling Effect Plugin waypoints
Waypoints is a jQuery used to capture various scrolling events, such as browsing without paging, or fixing an element to keep scrolling and so on. Supports the mainstream browser version.
Online Demo: http://imakewebthings.github.com/jquery-waypoints/infinite-scroll/
Download Address: http://imakewebthings.github.com/
JavaScript I think we've all seen a variety of scrolling (the most commonly used in the news update above), generally as long as not a picture, are using HTML itself to provide a very good scrolling mark--marquee to complete (with JS can also achieve this effect) Of course it's not that pictures can't do that.
The following are some of the basic parameters of marquee:
The tag syntax is formatted as follows:
Marquee Parameters:BGColor: Scrolls the background color of the text box.Direction: Scrolling direction setting, selectable left (right to Ieft), Rightup (bottom to top), anddown (top to bottom)Scrolldelay: The lag time between each round of scrolling, the larger the number, the slower the scrolling.ScrollAmount: The total amount of time to scroll, the smaller the number, the slower the scrolling.Behaviour:
Click and scroll, which one is friendlier to the user? This is a problem that designers must consider when designing the page browsing process. Use clicks to give users a bunch of links and take them to a new page; with scrolling, all content is displayed in chunks on a single page.
Many years ago, the simplest answer to the question was to use a click. The usual consideration is that if you make your page too long, the user will just look at the top
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 your website can design perfect screen, appear more on the grade, you can try Fullpage.js.The main functions are:Support Mouse ScrollingSupport for forwa
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
Seamless uninterrupted picture vertical scrolling effect:Vertical scrolling Effect Although the use of frequency does not have a high level of scrolling, but there are a lot of use, such as the vertical scrolling link effect, the following examples of how to implement this effect, the code example is as follows:The abo
Enable Automatic Page scrolling
Automatic Page scrolling is divided into rolling subtitles on the page and automatic scrolling of the entire page. The scrolling subtitles on the page can be used to publish information such as "announcement version" or "Latest News" on the webpage, the automatic
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
In web design, parallax Scrolling (Parallax scrolling) is a popular web design technique that creates very interesting 3D motion effects by allowing multiple backgrounds to move at different speeds or in different directions. Here are some examples of excellent web pages using parallax scrolling effects:
Parallax (Parallax) is the visual difference that occurs
Here's a relatively simple way to realize this: a container demo that sets the width and hides content that extends beyond its width, where demo1 and demo2,demo1 are scrolling content, Demo2 for Demo1 direct cloning, By constantly changing the demo1 of the scrolltop or scrollleft to achieve the purpose of scrolling, when scrolling to the junction of Demo1 and Dem
dreamweaver| Advanced | skills
In a Web page, making a scrolling caption using the marquee tag is too much trouble if you use a handwritten method. Starting with Dreamweaver MX 2004, you can use the tag Selector to insert a variety of labels, and you can use the tag Inspector to set the label's property value, which is similar to the property panel but more powerful than the property panel.
Insert the marquee label using the tag Selector
1. Place the
Scrolling subtitles are commonly known as the Happy Lights, the Web page has a scrolling subtitles is still very bright eye. The first time to create their own scrolling subtitles when the excitement overwhelmed. Do you want to also learn how to make a scrolling caption? blue1000.com teaches you to use Dreamweaver soft
The design trends that have been hotly debated in recent years are visually poor scrolling effects. Whether you like it or not, many websites use it. In this tutorial, I'll introduce visual poor scrolling and use the jquery plugin stellar.js to create a visual difference scrolling effect.What is parallax Scrolling (Par
Source files:Scrollspy.js Implementation Features1. Sets the specified item on its navigation when the HashKey distance vertex to a valid position is set within the scrolling area2, the navigation must be. Nav > li > A structure, and a on the href or data-target to bind HashKey3. The menu must have a. Nav style4. Data-target of scrolling area and navigation parent ID (must be parent) to be consistentSOURCE
Recently done a project, which has a directory function, found a bug in the modern browser, or called the difference, that is, page scrolling value (scrolltop) acquisition and settings.
Before that, let's talk about the coordinates of the page element to get, the classical of this picture need not mention.
Implement scrolling to a location function
One of the most important functions of the blog direct
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.