var animimg = function () { var i = -1, o; while( o = self.tweens[++i] ) { var cTime = (new Date()).getTime() - o.start; if (cTime < o.duration) { for (var k in o.val) { var m = o.val[k]; o.obj[k] = Math.ceil(o.ease(m.from, m.diff, cTime/o.duration)) + (o.cssMode ? 'px' : 0); } } else { cTime = o.duration; for (var k in o.val) { var m = o.val[k]; o.obj[k] = Math.ceil(o.ease(m.from, m.diff, cTime/o.duration)) + (o.cssMode ? 'px' : 0); } self.tweens.splice(i, 1); self.tweensCnt--; if (o.onFinish) o.onFinish (o.params); self.stop(); } if (!o.cssMode) o.obj.onTween(); } };
function test3 (id) { Hongru.anim(id, { cssMode: false, // animation will be handled by an external function onTween : function () { // custom function, can be as simple or as complex as needed this.style.background = "RGB("+this.r+","+this.g+","this.b")"; }, from : { r: 0, g: 0, b: 0 }, to: { r: 255, g: 128, b: 100 } }); }