Mar122009

No CommentsjQuery plugins

by Caty at 11:37 am Posted in Design, Reviews
facebooktwittergoogle_pluspinterestfacebooktwittergoogle_pluspinterest

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?

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 »

Accordion

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 »

jQuery Menu

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 »

Superfish

4. Cool animated navigation menu

A cool animated menu built with css and jQuery. Read more »

Cool animated navigation menu

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 »

JQZoom

6. Smooth Div Scroll

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 »

Smooth Div Scroll

7. jQuery lightBox plugin

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 »

jQuery lightBox plugin

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 »

BeautyTips

9. jCountdown

Creates a visual countdown timer of days, hours, minutes and seconds till the provided date.

jCountdown

10. Animated Hover

Animated Hover is a plugin for jQuery to create animated hover effects. Read more »

Animated Hover

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 »

jCarousel

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.

iconDock

13. Accessible News Slider

Accessible News Slider is a JavaScript plugin built for the jQuery library. Read more »

Accessible News Slider

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.

Slide out and drawer effect

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 »

jQuery Sequential List

facebooktwittergoogle_pluspinterestfacebooktwittergoogle_pluspinterest

Article Tags: , , ,

Related articles:
    None Found

Comments are closed.

The official url for Caty Design Studio is at www.catydesign-studio.com.
More details »

Shop at Carousell

Cute USB Flash Drive @ Carousell

March 2009
M T W T F S S
« Feb   May »
 1
2345678
9101112131415
16171819202122
23242526272829
3031  
Caty's Blog
Back To Top