SelectBoxIt is a jQuery plugin that progressively enhances an HTML Select Box into a single option dropdown list. The dropdown list can be optionally styled with ThemeRoller and optionally animated with jQueryUI show/hide effects.
Best jQuery Plugins Plugins & Tutorials with Demo
Joyride : jQuery feature tour plugin with Demo
jQuery feature tour plugin.Joyride is an awesome jQuery plugin that lets you take users on a custom tour of your app.Setting up Joyride is simple, just attach the needed files, drop in your markup and choose your settings.
Joyride is extremely flexible and lets you take control of how people interact with your tour. We programmed it to be cross-browser compatible with modern browsers and even used some fancy CSS to avoid images. Now let’s see just how easy it is to take your first ride without getting the fuzz involved.
skrollr : jQuery parallax scrolling for the masses with Demo
Parallax* scrolling lib with zero dependencies in just over 7k minified (3k gzipped). No JavaScript skills needed.Actually, skrollr is much more. It’s a full-fledged scrolling animation library. In fact, you can use it and still have no parallax scrolling at all. But calling it “parallax” is part of my ongoing effort to play buzzword bingo as often as possible. By the way, skrollr leverages HTML5 and CSS3.
skrollr allows you to animate any CSS property of any element depending on the horizontal scrollbar position.All you need to do is define key frames for each element at certain points in top offset. Each key frame consists of one or multiple CSS properties and values.
Facebook Style Emotions jQuery Plugin with Demo
Introducing a new jQuery emotions plugin, This helps you to convert text symbols to emotion images like how social chat editor works. This plugin developed by 9lessons using javascript regular expression match rules. In first version we providing facebook emotion theme, next release we are going to include some more better emotion icons.
jQuery plugin: Simplest character count for textareas & input fields
The best way to explain what this plugin does is to mention Twitter. Twitter posts are limited to 140 characters. While typing the Twitter post there is this always present information about how many characters the users have before reaching the limit. The information is not only provided merely by displaying a number, there are different colors applied to certain stages to notify the user about the status.
The first thing that this plugin do is create a sibling element (it adds is immediately AFTER the form element), the “counter”, where the remaining character info is stored. On each key up event or text field value change the counting function is triggered and the contents of this “counter” element is changed accordingly. If the remaining character count reaches the “warning” zone (gets close to zero) the CSS class is added. We use this class to change the color of the character count info. If the count reaches zero and goes beyond it another class is added so we can use another style for exceeding the limit.
Quake Slider : jQuery Image / Content Slider Plugin with Demo
If you are the guy who likes to focus on real business and don’t want to re-invent the wheels. Quake image slider is perfect for you. Quake image slider is a jQuery based image slider with cool animations effects and some of them are very unique. Like SwirlFadeIn, SwirlFadeOut and more.
With Quake image slider you can combine images with short summary/caption that helps you optimize contents for search engines and make SEO easy for you. You can also link your images to open detail for particular slide/image. With Quake Image Slider you have complete control over not just the orientation of each caption also you can control animation for each caption and provide different animation for each of the slide using callbacks.
Fotorama : jQuery Image Slider with Thumbnail Display
Fotorama is powerful yet flexible image gallery plugin for jQuery that is compatible with all type of computers, iPhones and any mobile devices. Fotorama allows users to include thumbnails, prev- next buttons, swiping, slideshows or bullet navigation. Fotorama assists users to arrange the dimension and position of the slider and thumbnails and also users can define captions to images.
jQuery Frontier Calendar with Demo
Full month calendar jQuery plugin that looks like Google Calendar.All UI elements such as next-month & previous-month buttons, add event form, edit event form, tooltips, etc, are not part of the calendar plugin. These are to be created by you so you can control how they look. Use the API hooks in your form elements to control the calendar.
You may change the background image via the CSS file. By default all day cells have a linear fade png image for their background.
