Core code
Please refer to the notes for detailed explanation.
The code is as follows
Copy Code
$ (function () {var _wrap=$ (' Ul.line ');//define scrolling areavar _interval=2000;//defines the scrolling gap timeThe Var _moving;//need to erase the animation_wrap.hover (function () {Clearinterval (_moving)//When the mouse is in the scrolling
You know JQuery, and you know how the picture scrolls, but do you know what it's called seamless scrolling? Seamless scrolling, is seamless scrolling! In other words, seamless scrolling is a picture or text next to the next scroll, when scrolling to the bottom of the time to
A circular upward scrolling text, such as the scrolling effect above
Second, the realization of the idea
1, the establishment of three layers Dome, dome1, dome22, vertical scrolling text on the dome13, through the layer of scrolling to achieve text scrolling
Third, the so
This article is mainly to learn about JavaScript plug-ins-scrolling monitoring.
1. Case
The scrolling listener can automatically update the corresponding navigation mark based on the position of the scroll bar. You can try scrolling this page to see the changes to the left navigation.
First the implementation of the code, you can test the code first to see the
Scrollinfo Scrollinfo;
Getscrollinfo (Sb_horz, scrollinfo, sif_all);
Switch (Nsbcode)
{case
sb_lineright:
if (Scrollinfo.npos
Use Getscrollinfo to get scrolling information to keep the information in the Scrollinfo class data
And then according to Nsbcode to determine which scroll bar which action, made adjustments
The related functions for scrolling are listed below
afx_msg void OnHScroll
A sticky component, usually applied to a navigation bar or toolbar, that uses elements such as navigation bars or toolbars at the top or bottom of a page when scrolling in an area, making it easy for users to quickly perform the actions provided by such elements.
In this article, the improved implementation of the sticky component provides an improved version of the sticky component and applies the demo effect to your blog. With this simple component
I have given a note in the source code, there are some deficiencies or can improve the place, I hope you can leave a message to explore ...
Effect picture (more simple):
Copy Code code as follows:
;(function ($) {
$.fn.roller = function (options) {
var opts = $.extend ({}, $.fn.roller.defaults, Options),
To manage scrolling information through a circular queue
Itemqueue = new Array ();
Return This.each (function (index) {
var $di
HTML structure:
Copy Code code as follows:
Ul._rollse{width:100px;height:300px;over-flow:hidden}
Ul._rollse li._rollpar{height:100px;border:1px Solid #369}
Copy Code code as follows:
JS Introduction File:
Author:teresa 2011-3-28
Params: Above HTML structure must fill in: Related class
_rollparent: The parent layer that triggers the event)
_rollse: Scrolling Area
_rollpar:
Seamless scrolling of jQuery plug-ins by yourself
Yesterday-Yanyi Junjun festival, today-Cowherd and Weaver girl festival. The bachelor can only refer to the code!
First, let's look at the html skeleton as follows:
The structure is simple and clear.
The implementation principle is as follows:
Div box is the outermost box, and the width and height are specified for it. Remember to add an overflow: hidden (beyond content hiding) style to the box, bec
The Code is as follows:
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 rolling. The smaller the number, the slower the rolling.Behaviour: Set the scroll mode. Three values are: Scroll (Cyclic scroll) lide (single scroll) and alternate (back-and-forth scroll ).Align: Specifies the align of text. You can select "M
[Javascript] General websites have special effects on image scrolling. below is the jquery image scrolling plug-in. General websites have special effects on image scrolling. below is the jquery image scrolling plug-in [javascript] viewplaincopyprint? JQuery. fn. imageScrollerfunct... Synt
[Javascript]The jquery image
Document directory
Image Link (Link) scroll up code
Code for Scrolling up the link of wheat with image flash effect
Link 1)
Link name Link name Link name Link name Link name Link name Link name Link name Link name Link name
The Code is as follows:
Background = http://static3.photo.sina.com.cn/orignal/494b5c3d1edc746972132> Height = 320> Scrollamount = 1 scrolldelay = 1 direction = up width = 180 Height = 320>
Code Description:
Border
Using Iscroll in recent projects has encountered a problem when setting wrapper for horizontal scrolling, if you place your finger in that area, you will not be able to pull the page, which means that the zone cancels the default event. This experience is really unacceptable, especially when there are multiple horizontal scrolling areas in the page, it is easy to touch this area when users will feel that th
The-webkit-overflow-scrolling is used to control whether an element uses a scrolling rebound effect on a mobile device.Compatibility with Android and iOS is as follows:Overflow:auto; /* *//**/Value:-webkit-overflow-Scrolling:touch; -webkit-overflow-scrolling:auto;AutoWith normal scrolling, when your finger moves away from the touchscreen,
Insert Video:Find a location to share, copy HTML code, and paste it into a Web page at Youku and other video sitesAutoPlay: Behind SWF? Videoids=xnda3otm4na=isautoplay=trueisshowrelatedvideo=falseembedid=-showad=0Insert Music:SRC path hidden whether to show Control Panel Autostart auto Play Loop loopSimple scrolling Effect:Direction scrolling direction Left,right,up,downbehavior
horizontally moving animation p.position.x-= speed}//Remove platform if platforms[0]. Position.x 9.10 Parallax Scrolling BackgroundWhat is parallax scrolling? It refers to allowing multi-layered backgrounds to move at different speeds, creating a three-dimensional movement that results in a very good visual experience.And our game is also used in this technology. Such as:In the game of Parkour Panda, our b
This article gives you a summary of the jquery is a single scroll, a lot of line scrolling, Text Pictures screen scrolling effect code, are commonly used in some of the text and graphic seamless scrolling effects, I hope to be familiar with jquery help.
jquery single-line scrolling, volume multiline
Have you ever played a game on a red or white machine or a little bully in your childhood?
These games basically are through the foreground and the background when the scene moves to produce the different disparity, thus achieves the simple stereoscopic effect
So the parallax scrolling is not a new thing, we played when we were kids ...
At present, this kind of parallax scrolling
The wheel of the mouse is easy to bad, see the article when the automatic scrolling is a problem, pull the right vertical scroll bar is very troublesome, how to do? blue1000 teach you how to use the button to implement automatic document scrolling.
In fact, starting from the word2002 version, the Word program began to provide automatic scrolling function, regard
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.