This article mainly provides you with a variety of JQuery circular scrolling text image effects codes, vertical circular text or images, if you are interested, you can refer to writing a circular scrolling list plug-in by imitating the JQ plug-in. The plug-in supports customizing the top, bottom, left, and right directions, both smooth and intermittent scrolling
jquery implements fixed top positioning scrolling navigation effect code, very common effect, very practical; when scrolling the scroll bar, the navigation is fixed on the top, and when scrolling to the corresponding plate, the current navigation is highlighted, and when the navigation text is clicked, smooth jumps to
The Marqueen in HTML also enables scrolling of content, but scrolling is intermittent, and a blank space appears during the scrolling cycle. If the rolling area is larger, the appearance of space will make the page look very beautiful. The use of JavaScript can make this problem change, to achieve non-stop
jquery Text Seamless scrolling plug-in, only suitable for text, because this effect is to use the first row inserted into the last to achieve, if the larger content block, will compare cards.
The source code is as follows:
The code is as follows
Copy Code
(function ($) {$.fn.myscroll = f
Today to do the project encountered a scrolling effect, originally intended to do with marquee, because it is the HTML tag, write simple, but there is a problem is marquee can not achieve seamless scrolling, the Internet to find some methods, found that marquee can achieve seamless, But in the brain residue of IE environment.
No way, in order to achieve the requ
Since the marquee label is now used less and more, the scrolling effect is mostly done with JavaScript
The reason for abandoning marquee is because marquee is a serious impact on the user experience, you can compress dozens of lines of content to a few lines of scrolling does help you compress the layout space, but have you ever thought that users might want to read one or two of the content of the line and
= function () {autoplay ();}First time come in default binding to AutoPlayAutoPlay ();/*Gets the specified HTML object*/function Getobj (objname) {Determine if there is a valid element tag in the current page, document.getElementById compatible with Firefoxif (document.getElementById){Return eval (' document.getElementById (' +objname+ ') ')}Else{Return eval (' document.all. ') +objname)}}/*Automatic scrolling
First to show you the effect of the map, the need for friends can download the source Oh ~
View Demo Download source code
Html
First, you load the jquery library and the scrolling plugin scrollable.js
The HTML body structure is then constructed.
Above is a registration form, note that
The following is the introduction of jquery scrolling to the bottom of the code, and hopefully it will help you.
jquery scrolling to the top bottom is a simple scroll to the top of the bottom control. is a useful feature that helps novice and advanced developers create a good user experience. Here recommended to you, the need for small partners can refer to the
This article mainly introduces angularjs's materials for implementing seamless scrolling of special effects code in text, which is very good and has reference value. If you need it, you can refer to the projects that have not been developed recently, so I learned about angularjs in my spare time, and then wrote an example of seamless text scrolling, mainly writin
Recently no project to do, so spare time to learn the next Angularjs knowledge, and then wrote a text up and down seamless scrolling example, mainly written is a small instruction.
CSS code:
Main control style
HTML code:
Of course our code is b
HTML layout
Code
Copy code The Code is as follows:
JS core codeCopy codeThe Code is as follows: // call to scroll left// Toleft ("Demo", "demo1", "demo2", 30, "ti1 ")// Call to scroll to the right// Toright ("demo0", "demo11", "demo22", 20, "ti2 ")
Function $ (I
jquery anchor Jump scroll bar Smooth scrolling One sentence code
Copy Code code as follows:
$ ("Html,body"). Animate ({scrolltop: $ ("#box"). Offset (). Top}, 1000;
Here are some of the little jquery tricks
1. Control the results of the compilation
The code that uses javascript to control iframe scrolling now has a horizontal IFRAME. You need to click an image outside the iframe to horizontally scroll an html page in the iframe, but I don't want to see the iframe scroll bar. How can I solve it ????
Demo.htm
Script var timer; script Onmousedown = "timer1 = setInterval ('parent. frames [\ '
Final effect1.html structure2.CSS structure3.jquery CodeCase difficulty: When the page is open, there is no default tab, and after the mouse leaves all tabs, the page does not stay at the last Mouse Pass tab. By calling the function Movecount (0) implemented, the default is the first tab opened, through the Clearstyle () implemented when the mouse left the tab, the page stays in the last Mouse Pass tab.TAB tab cod
You must have seen the effects of rolling up! Seamless intermittent upward Scrolling should not be unfamiliar. Next we will introduce jquery to you to implement seamless intermittent scrolling. If you are interested, please refer to the following link and hope to help you.
JS Section
The Code is as follows:
$ (Function (){Var $ this = $ (". renav ");Var scrol
Source code of the ListBuddies case for Parallax scrolling. The ListView hides the scroll bar.
The source code ListBuddies is very good and highly recommended! A pair of ListView will scroll up slowly after stopping scrolling, and the scroll speed of the left and right columns is inconsistent, with the par
The Helper home (www.bkjia.com) Tutorial recently designed a non-gap scrolling effect on the homepage image. It was originally prepared to use marquee, but
This is relatively simple. Implementation idea: a container demo that sets the width and hides content beyond its width. demo1 and demo2 are included in the demo, demo1 is the scrolling content, and demo2 is the direct clone of demo1, by constantly chan
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.