• 25,450
  • +1,003
  • 2,796

13 Most Useful Jquery Effects to Build Interesting Website

Bookmark

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 .

jQuery 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.

jQuery Fly to 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.

jQuery CrossSlide

Tutorial  Demo

 

4. jQuery wSlide

Nice and simple jQuery plugin manipulate image and also text.

jQuery wSlide

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.

jQuery BarackSlideShow

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.

jQuery Facebox

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.

jQuery Fancybox

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).

jQuery simple contact form

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.

jQuery Jcrop

Tutorial   Demo

 

10. jQuery Image Cross Fade Transition

Great jQuery plugin to make a very smooth fade transition.

jQuery Image Cross 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

jQuery Supersized

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.

jQuery Lightbox

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.

jQuery Ajax Pagination

Tutorial   Demo

Share this article if you found this post was useful:

Blogger at hacking-tutorial.com. Love PHP, offensive security and web. Contact him at me[-at-]vishnuvalentino.com

See all posts by || Visit Website : http://www.vishnuvalentino.com