Total Followers 132,503
Every new technology has its own comparisons with its competitors as jQuery is closely compared with Flash. Flash was the technology used by many web designers a while ago, but now its the turn of jQuery to add the special effects or interactivity to a website. jQuery makes it easier to create sophisticated custom effects and animations compared to Flash and also jQuery takes a lead when it comes to SEO.
Some of the stunning effects which jQuery can produce are sliding in different directions, adding ease to animations, effects like flip-in, sorting, zoom-in effects in photos, panning, creating a Photo shoot effect, slider effects and many more.So we present you some of the links that shows you the demos of various brilliant and advanced effects and it gives you a clear picture in itself without the help of any tutor.
Achieve a retina like effect as found in Apple iPhones with this plugin with jQuery and CSS. This turns the static image into a fully functional ‘Retina Effect’ i.e place your pointer anywhere in the image and get a zoomed out image of the same within the same page.
AviaSlider, a slideshow plugin features unique transition effects, includes an image preloader, autoplay and stop, supports linked images and size of only 8 kb works with jQuery lower and higher versions.
A compact design which includes three options in the form of vertical sliders with a unique background image which navigates with the options is achieved with this jQuery plugin, Beautiful Background Image Navigation.
An advanced background image sideshow featuring big images with changing text and playback controls. This plugin is created with jQuery combined with CSS where transparent PNG’s are used to create the see-through effect in the menu and text background.
A simple menu which automatically expands in the shape of a bubble and displays the rest of the menu inside it, e.g gallery and prints inside Photos menu is achieved with the help of awesome Bubble Navigation plugin with jQuery.
A login form is the most important one in any web design but most of the time it displays the redundant information, here is a jQuery plugin which reveals the self and its content of the top panel only when clicked.
Just sit back and enjoy the slideshow with bigger images with Carrot Creative which displays the images as a horizontal slideshow and moves to the next image after a short duration of time automatically.
Circulate, a jQuery plugin make your images circulate around your page. This plugin requires the jQuery library as well as the easing plugin, just include a small piece of code to get the images circulate .
A zoom jQuery plugin, Cloud Zoom displays a larger or zoomed out image of the particular area when hovered over the original image. This plugin is much smaller, has more features and has robust compatibility over browsers.
Flip, a jQuery plugin is used to flip the elements easily in four directions, top, bottom, left and right. You have to just a small code as in all the plugins and also you could add callbacks.
The hovering image gallery shown here uses the latest jQuery and CSS techniques which scans a folder of images and builds a drag and drop light box gallery around it. Search engine friendly and compatible with browsers.
iCarousel displays the images in a slideshow moving them in a horizontal manner as in a Carousel and this can be used as a Simple New ticker.
Imageflow, an obtrusive and user-friendly JavaScript image library displays the images in a carousel manner which allows you to see the previous image, current one and next one on the line.
An interactive image which contains tool tips and pop boxes which is shows any particular aspect or a detail of a photo is created with this jQuery slider plugin, Interactive picture.
A fancy transition slideshow plugin from jQuery plays a slideshow with fancy transition effects for displaying your photos and also this plugin is compatible and tested with all the browsers.
Based on the fun game jTypingHero which tested your typing skills, this plugin jQuery DJ Hero combines jQuery ans CSS3 creates 3 records which can start spinning and even scratching is enabled.
Here is a jQuery plugin for Zoomable and interactive map which allowed visitors to find important marine science resources in North California. jQuery made it simple to build, animate and display the map.
jSlickmenu plugin creates slick menus with jQuery combining some of the CSS3 features like rotation and shadows. This plugin is highly customizable and easy to use, Works well with Apples Safari and Google Chrome.
A slideshow jQuery plugin, Panning Slide show uses amazing photos from Flickr for which the links are found at the bottom which takes you to its source. Go on and create your own slideshow.
The PhotoShoot jQuery plugin creates a photo shoot effect by converting the page into a photo shooting stage by simulating a camera like feel and also displays the images shotted by you. This gives the ability to take shots of the background image.
Quicksand plugin reorders and filters items with a nice shuffling animation. You could filter the applications and utilities separately and sort them either by their name or size.
A jQuery and CSS3 plugin, Contextual Slide out Tips is ideal for product pages and online tours which have to be compact and at the same time deliver the maximum information. Here, each option can be opened in all the four directions and in all the three primary colors.
Sliding boxes, a jQuery plugin has images, captions and nice effects to show them, Just keep your pointer in the respective box and get the information about the author and his work in a sliding manner.
Zoomer gallery plugin is used to display images with zooming effects as seen in Flash. This jQuery plugin easily transforms your images and is only 2 KB in size which is very compact to use.
Get The Only Freelancer crash course you will ever need to read!
Photography and design lover i like these two essential things more than my job(Web developer). So only i have launched Pokkisam and a Photography,design inspiration blog too Photography and design inspiration blog Follow me in twitter to get interesting things in photography and design >>pokkisam
Friday, April 6th, 2012 14:35
but i don’t know how can i embed this scripts to Joomla? pls help me.. Regards..
Tuesday, February 21st, 2012 19:17
Nice list you have here. I like the Flip box, but my problem with it is that it is a bit difficult to configure otherwise it I would also recommend it.
Sunday, December 18th, 2011 18:38
@gultkin and @ka, the easiest way is to use jquery joomla plugins avaible cross over the word. Must apps are ready coded, just install and feel!!!
Tuesday, June 28th, 2011 15:27
I’ve been playing around with jQuery on one of my sites, pretty cool stuff, ut I dont really know what i’m doing. Still, these have been a big help so thanks.
Thursday, January 27th, 2011 21:16
These are very nice effects! I will definitely be using some of these.
Monday, September 27th, 2010 18:22
Well, I Know jquery is used to create some good effects but i never imagined about such advanced effects….
Nice…. Work…
Wednesday, September 22nd, 2010 18:05
This is an awesome collection of jquery effects. The creative use of jquery makes my need for flash diminish significantly. Keep up the great work
Wednesday, September 22nd, 2010 17:15
nice, really great jquery.
waiting mod, or component for this joomla :)
thanks for creative share…
Wednesday, September 22nd, 2010 08:27
really awesome collection.. very nice jquery effects.
Thanks for share…
Monday, September 20th, 2010 16:44
Thanks for sharing this set! I’ve used a few of them before. Sliding Boxes work really well for getting more text onto a page without it looking too cluttered. AviaSlider looks a lot like Coin Slider (http://workshop.rs/projects/coin-slider/), though maybe a bit more polished.
Keep the great content coming!
Monday, September 20th, 2010 16:42
superb!
I loved d quicksand.. just brilliant
thnx for sharing :)
Monday, September 20th, 2010 13:55
We used a mixed of plugins for our site.
you can see the site here: http://www.float.pt
thanks
Monday, September 20th, 2010 09:29
This is just amazing. Thanks for compiling all these wonderful jquery effects here. Good work.
Monday, September 20th, 2010 08:28
awesome collection.. great mate.. love it
Monday, September 20th, 2010 08:14
Nice list of jQuery plugins. Thanks for the work Siva.
Some of them are really new to me. I will definitely give them a try.
Daniel – CEO Mammut Medien
Tuesday, September 21st, 2010 09:23
Thanks MR.Daniel :)
Monday, September 20th, 2010 02:53
Nice site! Keep it working! I’m learning jQuery to make some parts of my site looks pretty. I’m an older coder, old school, everything done with plain javascript is a pain. With JQuery and his UI and sites like yours I’m ready to the this new “adventure”.
Sunday, September 19th, 2010 17:38
i want to use them with joomla.. but i don’t know how can i embed this scripts to Joomla? pls help me.. Regards..
Monday, September 20th, 2010 08:09
Hey @gultekin
First, you need access to mod your template with Joomla – you need to make sure that jquery’s JS as well as the plugin’s JS is included in the header of the particular page you want the effect to run.
Each effect should have their own API calls to configure and run it.
Hope this helps.
Get The Only Freelancer crash course you will ever need!
If not, then it's time to learn how to:
You can trust 1stWebDesigner to help you become a better web designer!
- Jacob Cass | Just Creative
Just enter your name and email below and click Get Updates!
Seth Hardison
Wednesday, September 22nd, 2010 18:05
This is an awesome collection of jquery effects. The creative use of jquery makes my need for flash diminish significantly. Keep up the great work
adhi
Wednesday, September 22nd, 2010 17:15
nice, really great jquery.
waiting mod, or component for this joomla :)
thanks for creative share…
vinay
Wednesday, September 22nd, 2010 08:27
really awesome collection.. very nice jquery effects.
Thanks for share…
Shrikrishna Meena
Monday, September 27th, 2010 18:22
Well, I Know jquery is used to create some good effects but i never imagined about such advanced effects….
Nice…. Work…
irengba
Tuesday, September 21st, 2010 10:37
Nice collection. Thanks for sharing..
DTX Studios
Monday, September 20th, 2010 09:29
This is just amazing. Thanks for compiling all these wonderful jquery effects here. Good work.
Pedro
Monday, September 20th, 2010 13:55
We used a mixed of plugins for our site.
you can see the site here: http://www.float.pt
thanks
Luiz Rakkan
Monday, September 20th, 2010 02:53
Nice site! Keep it working! I’m learning jQuery to make some parts of my site looks pretty. I’m an older coder, old school, everything done with plain javascript is a pain. With JQuery and his UI and sites like yours I’m ready to the this new “adventure”.
Daniel Neubauer
Monday, September 20th, 2010 08:14
Nice list of jQuery plugins. Thanks for the work Siva.
Some of them are really new to me. I will definitely give them a try.
Daniel – CEO Mammut Medien
Sivakumar
Tuesday, September 21st, 2010 09:23
Thanks MR.Daniel :)
Akbar
Monday, September 20th, 2010 08:28
awesome collection.. great mate.. love it
Amin
Monday, September 20th, 2010 09:03
Nice selection. ”Sliding boxes” were great.
krishen
Monday, September 20th, 2010 16:42
superb!
I loved d quicksand.. just brilliant
thnx for sharing :)
enam
Tuesday, September 21st, 2010 08:59
Good one. Thanks for sharing.
Kyle Claypool / Optima Worldwide
Monday, September 20th, 2010 16:44
Thanks for sharing this set! I’ve used a few of them before. Sliding Boxes work really well for getting more text onto a page without it looking too cluttered. AviaSlider looks a lot like Coin Slider (http://workshop.rs/projects/coin-slider/), though maybe a bit more polished.
Keep the great content coming!
Sascha Muehlen
Sunday, December 18th, 2011 18:38
@gultkin and @ka, the easiest way is to use jquery joomla plugins avaible cross over the word. Must apps are ready coded, just install and feel!!!
Helen Neely
Tuesday, February 21st, 2012 19:17
Nice list you have here. I like the Flip box, but my problem with it is that it is a bit difficult to configure otherwise it I would also recommend it.
write my thesis
Friday, April 6th, 2012 14:35
but i don’t know how can i embed this scripts to Joomla? pls help me.. Regards..
Chris
Tuesday, June 28th, 2011 15:27
I’ve been playing around with jQuery on one of my sites, pretty cool stuff, ut I dont really know what i’m doing. Still, these have been a big help so thanks.
Brett Widmann
Thursday, January 27th, 2011 21:16
These are very nice effects! I will definitely be using some of these.
Alex Flueras
Tuesday, September 21st, 2010 07:06
Nice collection. Thanks for sharing.
gultekin
Sunday, September 19th, 2010 17:38
i want to use them with joomla.. but i don’t know how can i embed this scripts to Joomla? pls help me.. Regards..
ka
Monday, September 20th, 2010 08:09
Hey @gultekin
First, you need access to mod your template with Joomla – you need to make sure that jquery’s JS as well as the plugin’s JS is included in the header of the particular page you want the effect to run.
Each effect should have their own API calls to configure and run it.
Hope this helps.