Posts Tagged ‘Animation’
O3D is an open source 3D web API to create rich, interactive 3D applications in the browser. This API is shared at an early stage as part of a conversation with the broader developer community about establishing an open web standard for 3D graphics.
GX is an Open Source Javascript Animation Framework to create complex animations with every W3C CSS property. GX is based on jQuery, the popular Javascript Library.
This is full-featured, cross-browser, super-tiny (10kb uncompressed) Javascript Animations Framework.
Features
- Animation support for every CSS property
- Easing Equations support (with GX.transitions.js)
- Multi-unit animations & relative animations
- Easily Customizable
- Light weight
- 0% Browser sniffing, 100% pure JavaScript
- Respects the Strict Standards and doesn’t generate Javascript/CSS Warnings
Website: http://gx.riccardodegni.net
jQuery Spy Effect scrolls the list in a beautiful way, very attractive style and effect. In a follow up tutorial It’ll show you how to hook this in to an Ajax hit that doesn’t hammer your server and keeps the effect nice and smooth.
Get animated menu effect using jQuery. A simple and small script that does the trick. Cool effect for your website, or application using jQuery.
The jQuery Javascript
$(‘a.nudge’).hover(function() { //mouse in
$(this).animate({ paddingLeft: ‘20px’ }, 400);
}, function() { //mouse out
$(this).animate({ paddingLeft: 0 }, 400);
});
});
The Sexy Curls jQuery Plugin is an open-source jQuery plugin by Elliott Kember which lets you share in the beauty of the page fold.
It has nice curl effect and that curl could be manual or automatic in its behavior. You can easily customize this plugin.
Using jQuery and a plugin to help with animating background /examples/images, we are able to make a sliding “Garage Door” style menu. The menu code is purely semantic. The UL provides the “background”, the list items provide the “shutters” and the links themselves are the “windows”.
The jQuery Cycle Plugin is a lightweight slideshow plugin. It supports pause-on-hover, auto-stop, auto-fit, before/after callbacks, click triggers and many transition effects. It also supports, but does not require, the Metadata Plugin and the Easing Plugin.
The plugin provides a method called cycle which is invoked on a container element. Each child element of the container becomes a “slide”. Options control how and when the slides are transitioned.
You can use images, text, video and all kind of media with this.
Website: http://malsup.com/jquery/cycle/
Javascript Crossfader is nice script to fade between different divs. It fades in and out using different slides you provide to Crossfader. Crossfader has a very smooth animation effect.
The constructor takes three variables: an array containing the ids of the divs to be faded, the fade time (in milliseconds), and the delay between fades (also in milliseconds).
Create your own simple image gallery for your site with jQuery. jQuery makes creating simple interactive web pages a breeze. Use this easy to implement jQuery image gallery to show off your quality images using an interactive interface. This script uses the hover method on thumbnail images to show larger versions of the thumbnail.
Demo via: http://www.adamoliver.net/jquery-image-gallery
Download via: http://blog.adamoliver.net/wp-content/uploads/2008/12/jquery-gallery.zip
Requirements: http://www.jquery.com/
This is a jQuery based slider which auto-detects the number of “slides”. There are multiple animations per slide, which auto-plays, but has a start/stop button. Very easy to adapt.
