Back to the top

10 New jQuery Plugins To Spice Up Your Website

post_teaser
PUBLISHED ON

August 9th, 2009

TAGS

DISCUSS

24 Comments

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.

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.

Tell Us What You Think

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.

Enjoy This Post?

About Nikola Lazarevic

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

24 Comments So Far

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

    Sam Mercs
  • Damn – Nice list man.

    Thanks a lot for this.

    Brian Jørgensen
  • Thanks for the links!!!!

    surfer66
  • Fantastic List of Plug-ins!

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

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

    sara cannon
  • Very nice plugins. Thanks

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

    David
  • 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?

    Carson Shold
  • Very nice list!

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

    Pali Madra
  • 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!

    Webfaced
  • 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

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

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

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

    digitalvineyard
  • Good list to implement in portfolio websites.

    Teylor Feliz
  • 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?

    visualhaze
  • Wow! Thank you all for stopping by :)

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

    Nikola Lazarevic
  • Thanks a lot! The list is very nice.

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

    Kyle Keeling
  • Great list :)

    Mihai O.
  • hi

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

    http://jquery13.blogspot.com

    Thanks
    Aman

    Aman
  • Nice roundup!

    Las Vegas Web Design

Leave Your Comment