/* * jQuery css clip animation support -- Jim Palmer * version 0.1.2 * idea spawned from jquery.color.js by John Resig * Released under the MIT license. */ (function(jQuery){ jQuery.fx.step.clip = function(fx){ if ( fx.state == 0 ) { var cRE = /rect\(([0-9]{1,})(px|em)[,]? ([0-9]{1,})(px|em)[,]? ([0-9]{1,})(px|em)[,]? ([0-9]{1,})(px|em)\)/; fx.start = cRE.exec( fx.elem.style.clip.replace(/,/g, '') ); fx.end = cRE.exec( fx.end.replace(/,/g, '') ); } var sarr = new Array(), earr = new Array(), spos = fx.start.length, epos = fx.end.length, emOffset = fx.start[ss+1] == 'em' ? ( parseInt($(fx.elem).css('fontSize')) * 1.333 * parseInt(fx.start[ss]) ) : 1; for ( var ss = 1; ss < spos; ss+=2 ) { sarr.push( parseInt( emOffset * fx.start[ss] ) ); } for ( var es = 1; es < epos; es+=2 ) { earr.push( parseInt( emOffset * fx.end[es] ) ); } fx.elem.style.clip = 'rect(' + parseInt( ( fx.pos * ( earr[0] - sarr[0] ) ) + sarr[0] ) + 'px ' + parseInt( ( fx.pos * ( earr[1] - sarr[1] ) ) + sarr[1] ) + 'px ' + parseInt( ( fx.pos * ( earr[2] - sarr[2] ) ) + sarr[2] ) + 'px ' + parseInt( ( fx.pos * ( earr[3] - sarr[3] ) ) + sarr[3] ) + 'px)'; } })(jQuery);