Top 15 jQuery Tricks
I’ve found these very cool jQuery tricks for you. Some of them offer weird effects that are very entertaining and fun to use.
1. Image Cross Fade Transition
A basic trick to fade one image to another.
Source:
http://jqueryfordesigners.com/image-cross-fade-transition/
2. Background Image Animations
This offers easy to use jQuery Background Image animation effects.
Source:
http://snook.ca/archives/javascript/jquery-bg-image-animations/
3. Smooth jQuery popup
Create a polished jQuery popup using this trick.
Source:
http://yensdesign.com/2008/09/how-to-create-a-stunning-and-smooth-popup-using-jquery/
4. Fancy ShareBox
Create a partially hidden button that will be shown later when hovered.
Source:
http://www.jankoatwarpspeed.com/post/2009/07/13/Create-fancy-share-box-with-CSS-and-jQuery.aspx
5. Slick Tabbed Area
Have your contents tabbed!
Source:
http://net.tutsplus.com/tutorials/html-css-techniques/how-to-create-a-slick-tabbed-content-area/
6. Rounded Corners
With the help of jQuery Wrap, Prepend and Append functions. Creating rounded corner is possible.
Source:
http://docs.jquery.com/Tutorials:Rounded_Corners
7. Style Switcher
jQuery and PHP combination would create a clever style switcher.
Source:
http://net.tutsplus.com/tutorials/javascript-ajax/jquery-style-switcher/
8. jQuery Tools
This is a collection of six different and equally amazing tools for you to use in your website.
Source:
http://flowplayer.org/tools/index.html
9. Chat Room
This is a team up of jQuery and PHP to build an interactive chat room.
Source:
http://css-tricks.com/jquery-php-chat/
10. News Ticker
Create a news ticker with fade it/out effects.
Source:
http://woork.blogspot.com/2009/05/how-to-implement-news-ticker-with.html
11. SlideViewer
This is a lightweight (1.5kb) jQuery plugin that creates an image gallery without requiring to write HTML codes.
Source:
http://www.gcmingati.net/wordpress/wp-content/lab/jquery/imagestrip/imageslide-plugin.html
12. Cheat Sheet
Tired of old looking plain jQuery Cheat Sheet? Check this out.
Source:
http://www.visualjquery.com/
13. Vertically Scrolling Menu
This is a basic but innovative vertical scrolling menu for your website’s navigation.
Source:
http://www.queness.com/post/256/horizontal-scroll-menu-with-jquery-tutorial
14. Music Player
Create a fantastic jQuery music player with the help of xHTML.
Source:
http://yensdesign.com/2008/12/create-an-amazing-music-player-using-mouse-gestures-hotkeys-in-jquery/
15. Colour Fading Menu
This provides a good LavaLamp menu alternative menu. Color fades when hovered.
Source:
http://css-tricks.com/color-fading-menu-with-jquery/