jQuery Topics
jQuery Awesome
jQuery Delicious
jQuery Buzz

10 Fantastic jQuery Techniques and Effects

Monday, October 3, 2011
Tagged: , , , ,
By jQuery Aggregator on Monday, October 3, 2011 — Comments
Here we have for you another 10 jQuery techniques and effects, we know you’ve missed them! jQuery can be fun so lets look at some awesome effects which you could incorporate into your next website designs. Enjoy!

Here are some previous posts about jQuery techniques and effects:

1. SuperFish


Is an enhanced Suckerfish-style menu jQuery plugin that takes an existing pure CSS drop-down menu (so it degrades gracefully).
SuperFish.jpg
Source

2. YoxView


Is a popup image viewer, built using jQuery 1.4. It’s simple to use yet quite powerful.

Key Features:
- Images are resized to fit inside the browser’s window
- Content can be pre-cached
- Multiple instances in the same page may be used
- Fully configurable
YoxView.jpg
Source

3. Spritely


Is a jQuery plugin created by Artlogic for creating dynamic character and background animation in pure HTML and JavaScript. It’s a simple, light-weight plugin with a few simple methods for creating animated sprites.
Spritely.jpg
Source

4. Piecemaker XML Gallery


Is an open source 3D Flash image rotator gallery.
Piecemaker-XML-Gallery.jpg
Source

5. Coin Slider


Is a jQuery image slider with unique effects.
Coin-Slider.jpg
Source

6. AviaSLider


Features:
- 8 unique transition effects
- Lots of easy to set options to create your own effects
- Included Image preloader
- Autoplay that stops on user interaction
- Valid HTML5 and CSS 3 Markup
- Packed version only weights 8kb
- Supports linked images
- Already prepared to work with prettyPhoto Lightbox
- Works with jQuery 1.32 and higher
AviaSLider.jpg
Source

7. Control.Tabs jQuery


It creates a tabbed interface from an unordered list of links/anchors that point to any elements on your page that have an id attribute. Since it attaches these behaviors to HTML that already has semantic meaning, it will degrade gracefully for browsers that do not support JavaScript, and are search engine friendly.
ControlTabs.jpg
Source

8. Circular Motion Effect with jQuery


The idea is to have a rounded content area with a main menu. When hovering over one of the menu items, a sub-menu element appears, circulating around the content area.
Circular-Motion-Effect.jpg
Source

9. Popeye – an inline lightbox alternative


It is an advanced image gallery script built on the JavaScript library jQuery. Use it to save space when displaying a collection of images and offer your users a nice and elegant way to show a big version of your images without leaving the page flow.
Popeye.jpg
Source

10. prettyPhoto


Is a jQuery based lightbox clone. Not only does it support images, it also add support for videos, flash, YouTube, iFrames. It’s a full blown media lightbox.
prettyPhoto.jpg
Source

Read the full/original article at jQuery4u

    Related Posts

    Comments are closed.

    « Previous post:
    Next post:  »
    jQuery Resources

    Learn more about jQuery

    jQuery News & Links

    I only just found out that the jQuery validation plugins has a validation rule called “remote” which can be used ...

    jQuery function to check if horizontal scroll is present – hasHScrollBar() – (or vertical check below also, util function to ...

    jQuery function to Set any DOM Element to Top View (bring to front) using CSS Z-Index property.

    Is it possible to declare arrays in JavaScript object literal notation? Example 1 – this works with arrays Declaration: Storage ...

    To get the a variables type using jQuery there is a jQuery function called .type() which returns “array”, “string”, “number”, ...

    In this post you can find tutorials which explain step by step different API use cases with jQuery like Google ...

    For valuable work on creation of sites you need a good comfortable editor necessarily. There are many requiring paid products ...

    Today we are sharing with you a collection of awesome jQuery Camera Photo plugins. They offer a range of image ...

    Back in the day, if you saw something that was animated on a website it was automatically assumed to be ...

    In this post, we have compiled a list of 10 jQuery HTML5 Audio players available today, most allow native audio ...

    jQuery Mobile is a powerful framework for making mobile web applications. But can we use it to convert existing desktop ...

    I have jotted a quick post on a Basic JavaScript Regular Expression Example to give beginners out there a taste ...

    In April 2012′s edition of Interestingly Random JavaScript, jQuery and Web Development we bring you some very cool stuff such ...

    In this post we are sharing you a roundup of 10 really jQuery plugins as of today. Pretty cool plugins ...

    As always expected from the jQuery community, the compilation we have for you today are some good and impressive recently ...

    A collection of jQuery PNG/JPEG/GIF plugins that enables image animation, cartoon-like background, etc… let them help you design displays for ...

    A collection of JavaScript/jQuery Zip/File/Compressor plugins that allows you to minify your JS code and compress your JS files ready ...

    Quick jQuery code snippet on how to keep an element in view. For demo scroll down on any page on ...

    Here is what I think is the best and most reliable way to load jQuery library and jQuery UI Libraries. ...

    jQuery code snippet which outputs all attributes of element using the default .attr() function on any dom element(s). usage: output:

    More Links & News

    Community Resources

    Use jQuery and the Google Maps API to create your own map application.

    Super cool and easy way to get stylish tooltips with jQuery.

    The right way to include the jQuery library in WordPress.

    Share a resource