jquery.interpolate.js

/*jslint devel: true, bitwise: true, regexp: true, browser: true, confusion: true, unparam: true, eqeq: true, white: true, nomen: true, plusplus: true, maxerr: 50, indent: 4 */
/*globals jQuery */

/*!
 * Interpolate
 *
 * Copyright (c) 2013 Martijn W. van der Lee
 * Licensed under the MIT.
 */
/* CSS style interpolation.
 * Requires jQuery 1.8+.
 * Optionally jQueryUI for color support
 */

;(function($, undefined) {
	"use strict";

	/**
	 * .interpolate( propertyName, propertyValue [, blend] [, easing] )
	 * .interpolate( propertyMap [, blend] [, easing] )
	 */
	$.fn.interpolate = function(name, value, blend, easing) {		
		var _elem = this[0];
		if ($.isPlainObject(name)) {
			easing = blend || 'linear';
			blend = value === undefined ? .5 : value;
			$.each(name, function(n, v) {
				$.Tween(_elem, {duration: 1}, n, v, easing).run(blend);
			});
		} else {			
			blend = blend === undefined ? .5 : blend;
			$.Tween(_elem, {duration: 1}, name, value, easing || 'linear').run(blend);
		}
	}

	/**
	 * jQuery.interpolate( propertyMapStart, propertyMapEnd [, blend] [, easing] )
	 */
	$.interpolate = function(start, end, blend, easing) {
		var elem = $('<span/>'),
			state = $.extend({}, start);
		elem.css(state).interpolate(end, blend, easing);
		$.each(end, function(name, value) {
			state[name] = elem.css(name);
		});
		return state;
	}
}(jQuery));