jQuery is a lightweight, cross-browser compliant, and extremely powerful JavaScript framework. jQuery enables you to add interactivity and increased functionality to your website. jQuery is much useful because it can help you to create animations and interactions.

As we all know jQuery helps in creating some awesome effects with the use of jQuery Plugins. That is the reason, we always try to find out the best jQuery plugins released in every month to make your job easier so that you don’t have to waste your time for searching them. For example, you can check our list of best jQuery plugins of May 2010. Alternatively, you can also check out best JavaScript / Ajax effects for modern web design which we compiled few days before.

Now, let’s see fresh jQuery plugins which are really useful to create animations, tables, forms, charts etc. So, let’s get straight to list of 29 best and useful jQuery plugins of June 2010. I hope you will appreciate the work of developers who give their time to create such awesome jQuery plugins that you can use for free.

[re] [rss] [ad1]

1) wdCalender : wdCalendar is a jquery based google calendar clone. It cover most google calendar features like Day/week/month view provided. It can create/update/remove events by drag & drop. You can easily integrate with database.

View Demo | Download Plugin

2) The Footer Plugin : This plugin ensures that the footer of your page always keeps itself at the bottom of the page. If the body height is less than the page height, the footer goes to the bottom of the page. Otherwise it remains attached at end of the content.

View Demo | Download Plugin

3) Dual Slider : A great option to have as a splash feature at the top of your site, highlights recent articles you want to advertise, that might have a nice graphic or even a video…basically anything you want. Plugin takes whatever your database has spat out and pulls it into an attractive dual animated slider. You are only limited by your own creativity in terms of styling or tweaking the animations to suit your needs.

View Demo | Download Plugin

4) jQuery DivGrow Plugin : The plugin will crop the container div to the initial height value and add a link to the bottom to expand it. When clicked the container wil expand to the height set in the div rel attribute (e.g. rel=”300″) and provide a click link to collapse it. The expand and collapse action are animated.

View Demo | Download Plugin

5) Popeye – an inline lightbox alternative : jQuery.popeye is an advanced image gallery script built on the JavaScript library jQuery. Use it to save space when displaying a collection of images and offer your users a nice and elegant way to show a big version of your images without leaving the page flow.

View Demo | Download Plugin

6) Collapsible Fieldsets : For those of you that use Drupal, this is a jQuery plugin that mimics the fieldsets you find there. You can initialize the fieldsets to start either in an opened or closed format, and degrades gracefully.

View Demo | Download Plugin

7) jQuery. Scratchie : jQuery Scratchie Scratchie is a fully-customizable scratchcard plugin. Define a background image and an overlay image or color and clicking and click and drag or just drag the mouse over the overlay to reveal the target image underneath.

View Demo | Download Plugin

8 ) Scroll Something : This is a plugin which helps you to scroll the images. To add a backround image to an item, you only have to put an image in the item. Just give the image a class called “itemBackground”.

View Demo | Download Plugin

9) Get user Facebook Albums and Pictures : getFacebookAlbums is a plugin that allows the user to connect on Facebook and choose a picture among his/her own albums. It’s an alternative to the simple upload form the hard drive disk.

View Demo | Download Plugin

10) JQF1 – jQuery FormOne Form Styling Plugin : jQuery FormOne is the most completer form styling plugin. Compatible with all browsers that allows you to change all attribute with a small coding.

View Demo | Download Plugin

11) ShowLoading : This plugin is designed to show a loading image over a specific area of the screen (e.g. a specific div or other dom element) while an ajax request is running.

View Demo | Download Plugin

12) AeroWindow : AeroWindow generates very cool Boxes in the Aero Style, inspired by the style of Window7.The popup window offers the usual options and full functionality similar to Windows windows.

View Demo | Download Plugin

13) jQuerynotice : This plugin allows you to show some notifications at the top of your website with just a simple line.

View Demo | Download Plugin

14) jQuery Title Control : A plugin to replace a title for a selected object and append a new element with that title in the original element. Together with CSS it can be styled and placed.

View Demo | Download Plugin

15) jQuery – Typing : This plugin assign callbacks for started/stopped typing events.

View Demo | Download Plugin

16) jQuery isHovered : A jQuery plugin to test if an element is currently hovered.

View Demo | Download Plugin

17) If Select Width : This jQuery plugin proposes a workaround. Applying this plugin makes the select element in Internet Explorer appear to work as it would work in Firefox, Opera etc by allowing the option elements to open at full width without loosing the look and style of the fixed width.

View Demo | Download Plugin

18) jQuery Easy Confirm Dialog : This is a jQuery based confirm plugin module that will act as the build in confirm-function in javascript but with the ability to style the dialog window. Only using built in jQuery and jQuery UI functions.

View Demo | Download Plugin

19) jQuery Blockify : Allows you to turn any element into a clickable link based on an anchor tag within said element. HTML5 makes this plugin obsolete (because you can wrap an anchor tag around block level elements) but is still useful for the time being. If your element contains multiple anchor tags, you can pass in a selector to filter down to the desired tag.

View Demo | Download Plugin

20) Sooperfish : SooperFish is an easy to use dropdown-menu plugin with total configuration control and clean code.

View Demo | Download Plugin

21) gSearch : gSearch is a lightweight jQuery plugin that helps you embed Google Search Results into your website. With only 2 KB in size it is very flexible and highly customizable.

View Demo | Download Plugin

22) Color Animation : What’s really missing from jQuery is animating colors. This plugin will add this feature. With this plugin, you can animate the following properties like color, backgroundColor, borderColor etc.

View Demo | Download Plugin

23) Shadow Animation : With this jQuery plugin, you can extend the animate function to support the CSS box shadow-property. You can animate the color, the x- and y-offset, the blur-radius and spread-radius.

View Demo | Download Plugin

24) Twitterize : A simple jQuery plugin that allows you to create a floating div with the latest ‘n’ updates from someone. Optionally you can create a link to go to that user’s twitter profile.

View Demo | Download Plugin

25) gvChart : gvChart is a plugin for jQuery, that uses Google Charts to create interactive visualization by using data from the HTML table tag. It is easy in use and additionally it allows you to create five types of the charts.

View Demo | Download Plugin

26) jQuery Form Fill Plugin : The”jQuery Form Fill” fills forms from JSON objects.

View Demo | Download Plugin

27) GlobalMoneyInput : GlobalMoneyInput is a jQuery plugin to provide an easy way to input money values. All you need is to include. you can apply a mask to input localized money data based on Microsoft’s jQuery Global plugin.

View Demo | Download Plugin

28) jQuery News Ticker : An easy to use, slick and flexible news ticker in the style of the BBC News page ticker.

View Demo | Download Plugin

29) Canimate : If you’ve ever wanted to create an animation using a series of images for your website, but were forced to an alternative because you didn’t want to deal with the constraints of the GIF filetype, like color limit and difficult-to-deal-with FPS controls, then Canimate is the solution.

With Canimate, you can take any series of images and, using the Canimate naming convention, have them animate at any speed. You can treat the element that holds the image just like any other, including giving it borders, dragging it, etc.

View Demo | Download Plugin