No CommentsjQuery plugins
We have been hearing a lot about jQuery plugins in the recent years and here I compile a list of them for self-reference, hopefully it will be useful for some of you. For those who are new to jQuery, you might ask:
What is jQuery?
Extracted from the official home of jQuery.com:
jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. jQuery is designed to change the way that you write JavaScript.
Let’s go straight to explore the cool plugins now…
1. Accordion
This plugin creates an accordion menu. It works with nested lists, definition lists, or just nested divs. Options are available to specify the structure, if necessary, the active element (to display at first) and to customize animations. Read more »
2. jQuery Menu
This is a powerful jQuery component to build easily a multilevel tree menu or a contextual menu (right click) in an intuitive way! You can add as many submenus as you want; Read more »
3. Superfish: Suckerfish-style menu
Superfish is an enhanced Suckerfish-style menu jQuery plugin that takes an existing pure CSS drop-down menu (so it degrades gracefully without JavaScript). Read more »
4. Cool animated navigation menu
A cool animated menu built with css and jQuery. Read more »
5. JQZoom
JQZoom is a javascript image magnifier built at the top of the popular jQuery javascript framework. It uses script to magnify what you want. Read more »
Smooth Div Scroll is a jQuery plugin that scrolls content left or right which does not limit the scroling to distinct steps. Scrolling is smooth and there are no visible buttons or links since the scrolling is done using hotspots within the scrollable area. Read more »
jQuery lightBox plugin is simple, elegant, unobtrusive, no need extra markup and is used to overlay images on the current page through the power and flexibility of jQuery´s selector. Read more »
8. BeautyTips
BeautyTips is a jQuery tooltips plugin which uses the canvas drawing element in the HTML5 spec in order to dynamically draw tooltips (sometimes called “talk bubbles” or “help balloons”) associated with a html element on the page. These tips are highly configurable and can be triggered in many different ways. Read more »
9. jCountdown
Creates a visual countdown timer of days, hours, minutes and seconds till the provided date. Read more »
10. Animated Hover
Animated Hover is a plugin for jQuery to create animated hover effects. Read more »
11. jCarousel
jCarousel is a jQuery plugin for controlling a list of items in horizontal or vertical order. The items, which can be static HTML content or loaded with (or without) AJAX, can be scrolled back and forth (with or without animation). Read more »
12. iconDock
iconDock is a jQuery JavaScript library plugin that allows you to create a menu on your web like the Mac OS X operating system dock effect one. It is based on the Google X menu, an approach that Google did to create this effect on the web. Read more »
Accessible News Slider is a JavaScript plugin built for the jQuery library. Read more »
14. Slide out and drawer effect
Slide out and drawer effect is commonly known as an ‘accordion’ and it’s usually used to slide up, or down blocks of content to expose new blocks. Read more »
News ticker in the style of that used on the BBC news site. See Demo »
There are still tons of great jQuery plugins out there. Simply google it and you’ll see what I mean.
And now, last but not least, here is a great tutorial about jQuery Sequential List, a good example to make use of jQuery. This tutorial will show you how to use jQuery to add a sequent of CSS classes to create a graphical list. Read more »
