The effect of scroll fluid is already built, according to your user settings on some browsers. It is manifested by a smooth scrolling of the webpage when you get off or ride through the mouse wheel, or the keys on your keyboard.You can generate this effect as clicking an anchor using JavaScript.
Best jQuery Web Plugins & Tutorials with Demo
Intriguing animate-on-scroll effect – jQuery tutorial with Demo
In this tutorial we try to recreate the intriguing scrolling effect. We’ll go for simplicity : 5 objects to animate and linear movement, no easing. The basis that opens the door for further elaboration.
The idea is to encourage the visitor to scroll down by positioning the #separation element at the bottom of the page. We want the #separation to stay there when the window is resized but to move up when we start to scroll down.
jQuery MiniColors : a Color selector for input controls with Demo
jQuery MiniColors is a simple, compact color picker that complements a text or a hidden input control.The plugin adds a trigger next to the input which is customizable via CSS. The included icon is a modified version of the UI color picker icon included in the Fugue icon set.
When the trigger is clicked or when the input gains focus, the color picker appears. Users can either type in a hex-color or select one using the control. The control disappears when the user clicks anywhere outside of the selector or tabs out of the input. If specified, a callback is fired whenever the color value changes.
jQuery Twitter Follow Box Widget like facebook with Demo
A simple but powerful jQuery plugin to add facebook like box style widget for twitter. Enough options are available to customize the twitter follow box widget to match your site design.It is very simple to add twitter follow box to your site and this jQuery twitter widget is cross browser compatible.
Backstretch : jQuery plugin for dynamically-resized background image
Backstretch a simple jQuery plugin that allows you to add a dynamically-resized background image to any page.It will stretch any image to fit the page, and will automatically resize as the window size changes.
Images are fetched after your page is loaded, so your users won’t have to wait for the (often large) image to download before using your site.
jQuery History : Simple History Handler/Remote for Hash with Demo
jQuery History allows you to easily track changes of the pages state by tracking URL Hashes. Supports changes triggered by bookmarks and back & forward buttons, as well as cross browser support.
- Tracks state changed within your application. States can be changed by the user via modification of the Page URL’s Hash (everything after the # in the URL), or via you manually in your code.
- Is able to detect all the possible ways a page’s state can change. These can be via links in your code, back-forward buttons in your browser, manual modification of the URL’s hash, using bookmarks that contain hashes, and finally refreshing a page with a hash.
- Routinely tested in all major browsers before each release. Explicitly it has been tested in IE6 and above, Firefox 2 and above, Safari 2 and above, Chrome 1 and above, and Opera 8 and above.
- Allows you to bind handlers to state changes within your web application. Eg.
$.History.bind('myState',function(state){}); - Allows you to trigger a state change manually within your code. Eg.
$.History.go('myState'); - Allows you to trigger a state handler manually within your code, such that the state is not recorded. Eg.
$.History.trigger('myState') - Allows for easy integration with Ajax Applications via the use of jQuery Ajaxy.
Sweet Tooltip a jQuery & CSS3 Tooltips with Demo
Sweet Tooltip is a jQuery & CSS3-based tooltip, not merely a one-style tooltip but seven. This imageless tooltips are crafted using CSS power, linear-gradient, box-shadow, text-shadow, :after and :before selector, etc. I created this tooltip with aim for having a style-independent tooltip.There are seven styles currently available in this package : Sweet Strong, Mini Slick, Big Grey, Nightly, Shiny Red, Soft Blue and Big Yellow. All style are inspired by dribbble’s posts.
Mini HTML vCard : HTML jQuery Portfolio Template with Demo
Mni HTML vCard is a free HTML jQuery vCard portfolio template.It is a single-page, mini websitethat is powered with JavaScript (jQuery) and focuses on quickly displaying information about a person.
The template is completely static except the contact form which requires PHP to function.
If you would like the contact form messages being e-mailed to you with SMTP authentication, there is a “mail.config” file in the root folder to setup those details.
