13 Most Useful Jquery Effects to Build Interesting Website

jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development.

Nowadays to build an interesting website does not have to be difficult, just see the example below and match with your website need and your website ready to get a professional touch looks like :-).

1. jQuery Virtual Tour

This is an extension to the simple panorama viewer that allows you to play a little bit more with jQuery by adding interactivity to transform some panoramic views into a virtual tour .

Tutorial   Demo

2. jQuery Fly to Basket

Interesting fly to basket for your eCommerce website, with a sigle click the goods in your list will fly to the basket.

Tutorial  Demo

3. jQuery CrossSlide

CrossSlide is a jQuery plugin have a good slide-show animations, traditionally only available via Adobe Flash™ or other proprietary plugins. CrossSlide builds upon jQuery's animation facility, so it is as portable across browsers as jQuery itself.

Tutorial  Demo

4. jQuery wSlide

Nice and simple jQuery plugin manipulate image and also text.

Tutorial   Demo

5. jQuery BarackSlideShow

BarackSlideshow is a very tiny and lightweight slideshow script, Inspired by the slideshow in Barack Obama website. Implemented by extending MorphList.

Tutorial   Demo

6. jQuery Facebox

Facebox is a jQuery-based, Facebook-style lightbox which can display images, divs, or entire remote pages.

It's simple to use and easy on the eyes. Download the tarball, view the examples, then start enjoying the curves.

Tutorial   Demo

7. jQuery Fancybox

FancyBox is a tool for displaying images, html content and multi-media in a Mac-style "lightbox" that floats overtop of web page.
It was built using the jQuery library. Licensed under both MIT and GPL licenses.

Tutorial   Demo

8. jQuery Simple Contact Form

How to submit a contact form and also sends an email without page refresh using jQuery! (The actual email is sent with a php script that processes in the background).

Tutorial   Demo

9. jQuery Jcrop

Jcrop is the quick and easy way to add image cropping functionality to your web application. It combines the ease-of-use of a typical jQuery plugin with a powerful cross-platform DHTML cropping engine that is faithful to familiar desktop graphics applications.

Tutorial   Demo

10. jQuery Image Cross Fade Transition

Great jQuery plugin to make a very smooth fade transition.

Tutorial   Demo

11. jQuery Supersized

Supersized do these things :

• Resizes images to fill browser while maintaining image dimension ratio
• Cycles Images/backgrounds via slideshow with transitions and preloading
• Navigation controls allow for pause/play and forward/back

Tutorial   Demo

12. jQuery Lightbox

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.

lightBox is a plugin for jQuery. It was inspired in Lightbox JS by Lokesh Dhakar.

Tutorial   Demo

13. jQuery Ajax Pagination

When you have a a large list of items (e.g. search results or news articles), you can display them grouped in pages and present navigational elements to move from one page to another. This plugin creates these navigational elements.

Tutorial   Demo

Share this article if you found it was useful: