jquery.moatext a jQuery plugin for adding flavor to your web site. By this plugin, text messages on your site are animated on mouse over. jQuery animate function is called for each character of text. You can see very interesting effects so many characters animate at the same time.
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.
Pep.jQuery.js : jQuery kinetic-drag on mobile/desktop plugin with Demo
Pep was built out of a need for kinetic drag support for both mobile and desktop devices (click & drag). It uses the best of jQuery’s animate functions along with CSS3 animations to bring full-blown kinetic drag that works on all HTML5-ready devices.
Pep has built-in support for custom start, stop, rest (called when easing completes), and drag events, constraining objects to either their parent or the window, a debugger, and the ability to customize your own kinetic easing functions.
Direction-Aware Hover Effect with CSS3 and jQuery with Demo
In today’s tip we’ll show you how to create a direction-aware hover effect using some CSS3 goodness and jQuery. The idea is to have a little overlay slide in on top of some thumbnails from the direction that we are coming from with the mouse. When we “leave” the element, the overlay will slide out to that direction, following our mouse. This will create an interesting-looking effect.
Lytebox : jQuery content viewer with Demo
Lytebox is a lightweight, cross-browser compatible and mobile friendly Javascript library and content viewer. It’s easy to use, it’s fast, it’s compatible with other libraries, and best of all, it’s COMPLETELY FREE.
Lytebox can be configured by editing the main JavaScript file (lytebox.js), or by using the data-lyte-options attribute to set individual options on a per link/viewer basis. Use the left-hand navigation to see all the various options and configurations that can be set.
Tiny Circleslider : jQuery circular slider / carousel with Demo
Tiny Circleslider is a jQuery circular slider / carousel. That was built to provide webdevelopers with a cool but subtle alternative to all those standard carousels. Tiny Circleslider can blend in on any wepage. It was built using the javascript jQuery library.
Features
- Supports iPhone, iPad and Android
- Supports sliding by thumb or pager
- A interval can be set to slide automaticaly every given milliseconds
- Can be set to snap to a page
- Option to fade dots when dragging is done
- Size(radius) of the slider can be set.
- Can fire a callback after every move.
- Easy customizable
- Lightweight its only 130 lines of code. mimified the size is 4 kb
File Upload Progress Bar with jQuery and PHP
In this tutorials we tell how to create file upload progress bar with PHP and jQuery. In this post we had developed few lines of code using PHP APC library, it is very simple getting the server file upload process every few second and increasing the bar color using jquery css property. Just take a look at this demo.