10 New jQuery Plugins To Spice Up Your Website

    written by Nikola Lazarevic

    jQuery is an amazing JavaScript library that makes it easy to create wonderful web effects in just a few lines of code. It was released in January 2006 at BarCamp NYC by John Resig. jQuery is designed to change the way that you write JavaScript. Here are some stunning new jQuery plugins that will make your website fancy and cool.

    TN3 Gallery

    jquery image gallery
    TN3 Gallery is a full fledged HTML based customizable jQuery image gallery with slideshow, transitions and multiple album options. Compatible with all modern desktop and mobile browsers. Powered by jQuery.

    Lights Out – Dimming/Covering Background Content with jQuery

    With this plugin you will be able to add pop up message boxes complete with dimmed background to your existing site.

    lightsout

    Horinaja

    Horinaja is a slide-show ready-to-use for scriptaculous/prototype or jQuery. Horinaja is innovant because he use your mouse wheel for a best navigation.

    horinaja

    A jQuery Plugin to Create an Interactive, Filterable Portfolio

    A jQuery Plugin to Create an Interactive, Filterable Portfolio. It is possible to filter through the big list to see articles that apply to certain categories.

    portfolio

    QuickFlip 2: The jQuery Flipping Plugin

    QuickFlip works by using an animation shortcut that is barely noticeable when flipped quickly (hence the name). It provides an attractive alternative to other slower and more resource heavy Flash and jQuery flip animations.

    quckflip2

    Animate a Contact Us Slide-Out Area using jQuery

    Contact us pages are usually boring static pages with a form, not very exciting so what we’re going to do is place the contact us form at the top of the page and create a button that slides out and reveals the form when clicked.

    contactjQuery

    In-Field Labels jQuery Plugin

    This is a simple plugin that turns properly formatted HTML forms into forms with in-field label support. Labels fade when the field is focussed and disappear when text entry begins. Clearing a field and leaving brings back the label.

    infield

    jQuery Cycle Plugin

    Cool image transitions that were once possible in Flash only.

    cycle

    Fly-To-Basket Effect With jQuery

    Chic fly-to-basket effect for shopping cart using jQuery.

    fly

    Changing the Background Color of a Page using jQuery

    Changes the background of site without having to load a separate stylesheet. jQuery allows you to manipulate html elements through the use of classes defined in CSS and it’s easier than you think.

    background

    Animate Curtains Opening with jQuery

    It animates the opening of curtains with a good looking call to action.

    curtain

    Hope You enjoy this plugins!

    Our exam material can help you to pass your 1Y0-A09 in first try. No matter, you have to pass JN0-522 or interested in 70-630, we deal in all kind of IT exams.

     
    Authored by

    Web Designer, Blogger, M.Sc in Electronic Engineering from Nis, Serbia. Founder of webexpedition18.com. You can find me on Twitter.

    Enjoyed this story?

    Please leave your comment about this post on the comment section below. If you liked it tell your friends by tweeting it. You can also subscribe to our feed by rss or email.

25 Comments
ADD COMMENT
  • Sam Mercs says:

    August 10, 2009

    Neat list! Some of the plug-ins are really cool!

  • Brian Jørgensen says:

    August 10, 2009

    Damn – Nice list man.

    Thanks a lot for this.

  • surfer66 says:

    August 10, 2009

    Thanks for the links!!!!

  • Philip Brunner says:

    February 24, 2010

    Fantastic List of Plug-ins!

  • Laurent Falorni says:

    March 16, 2010

    Wonderfuuuuuuul ! I think I will definitively give up my flash learning and concentrate on jQuery!!! Great list thanks again

  • sara cannon says:

    March 16, 2010

    this is neat. never seen that portfolio one before. gonna check it out. thanks!

  • Gouri Shankar says:

    March 16, 2010

    Very nice plugins. Thanks

  • David says:

    March 16, 2010

    Nice collection of slick fx. The Cycle plugin is super easy to use.

  • Carson Shold says:

    March 16, 2010

    Some cool ones there. I really like the contact drop down but am not a fan of the bounce. Anyone know if you can remove that and make it smoother?

  • c0de says:

    March 16, 2010

    Very nice list!

  • Pali Madra says:

    March 16, 2010

    I knew Jquery was great but this is mind blowing and some subtle tricks

  • Webfaced says:

    March 16, 2010

    Great list of some really simple jQuery. As always I wish I had a use for all of them now! I think I’ll start with the flexible portfolio list, very cool!

  • Devoth says:

    March 16, 2010

    Here’s another one you might find useful. It allows to easily create image based menus:

    http://www.devoth.com/tutorials/imaginemenu_jquery_plugin.html

  • Leon says:

    March 16, 2010

    Thanks for collecting these nice plugins! Will definitely give the contact-slide-out one a go

  • chris says:

    March 16, 2010

    Tahnks for the nice Plugins. Think I’ll try the QuickFlip in the next days.

  • digitalvineyard says:

    March 16, 2010

    Thanks. I can’t wait to try out some of these in new designs.

  • Teylor Feliz says:

    March 16, 2010

    Good list to implement in portfolio websites.

  • visualhaze says:

    March 17, 2010

    Great round-up! I’m impressed by Horinaja capabilities to scroll elements with the mouse reel. I’ ve also tryed using the (two fingers) swipe function on Mac laptop trackpads. Works perfectly.

    At this point one question really bothers me, browsing with an iPad, will we be able to move elements of a web page without using any buttons? but simply moving them around?

  • Nikola Lazarevic says:

    March 17, 2010

    Wow! Thank you all for stopping by :)

    I’m glad you liked it so much, since this is an old post

  • Ludovic says:

    March 17, 2010

    Thanks a lot! The list is very nice.

  • Kyle Keeling says:

    March 17, 2010

    Fantastic list…I’m looking forward to messing around with jQuery instead of relying on Flash!

  • Mihai O. says:

    March 23, 2010

    Great list :)

  • Aman says:

    August 15, 2010

    hi

    cool list but some plugin is missing.i have some new jQuery plugin please see this:-

    http://jquery13.blogspot.com

    Thanks
    Aman

  • Las Vegas Web Design says:

    August 31, 2010

    Nice roundup!

  • anadikt says:

    December 17, 2010

    Tahnks for the nice Plugins.