Browsing articles tagged with " Animated"
Nov
19

Animated Portfolio Gallery with jQuery

By Vinod  //  All, Gallery, Javascript, Tutorials  //  1 Comment

Tutorial by codrops: create an animated portfolio gallery with jQuery. The gallery will contain a scroller for thumbnails and a content area where we will display details about the portfolio item. The image can be enlarged by clicking on it, making it appear as an overlay.

Learn, Demo & Download: http://tympanus.net/codrops/2010/11/14/animated-portfolio-gallery/
Jul
17

SooperFish Multi-Column Animated Drop-down

By Vinod  //  All, Javascript, Menu  //  1 Comment

SooperFish is an easy to use dropdown-menu plugin with total configuration control and clean code.

Features:

  • Automatic dual or triple columns based on number of child menu items
  • Optional delay before hiding menu on mouse-out
  • Optional automatic indicator arrows (in black or white)
  • Configurable show AND hide animations
  • Custom easing supported
  • Works with jQuery backlava plugin (optionally)
  • Works fine with Javascript disabled
  • Comes with several free themes to demonstrate styling
  • 3.65kb uncompressed
  • 2.01kb minified
Website: http://plugins.jquery.com/project/SooperFish
Demo: http://www.sooperthemes.com/sites/default/files/SooperFish/example.html/
Jul
15

Animated Table Sort (REGEXP friendly)

By Vinod  //  All, Javascript  //  1 Comment

This plugin allows you to animatedly sort a table based on a particular column. The various <td>s fly to their new homes, giving a nice effect. It also supports sorting on REGEXP matches. You can also control whether row relationships are maintained, whether it sorts on ascii or numeric and ascending or descending.

Website & Demo: http://www.mitya.co.uk/scripts/Animated-table-sort-REGEXP-friendly-111