在相同持续时间内动画两个属性

Question

我正在建立自己的动画库;这是jsfiddle link。

问题是，当我尝试为多个属​​性设置动画时，只要满足具有最后一个值的属性，动画就会完成。例如：

我想将元素的top和left属性分别更改为500和300。 top的动画完成为300.这是不正确的。

我的代码结构类似于以下内容：

主要动画功能：

left

动画经理：

function animate(ele,prop,duration,easing,callback) {
    //...
}

请让我知道如何解决这个问题

Answer 1

http://jsfiddle.net/rrqe4qh1/1/

应用样式

   this.ele.style[k]= val + 'px';

它与其他属性的样式值相冲突

添加以下检查帮助

   if(e===k)  this.ele.style[k]= val + 'px';