在同一持续时间内对两个属性进行动画处理
animate two properties within same duration
我正在构建自己的动画库;这里是jsfiddle链接。
问题是当我尝试对多个属性进行动画处理时,一旦满足具有最后一个值的属性,动画就会完成。 例如:
我想将元素的top
和left
属性分别更改为 500 和 300。 动画以 top
和left
均为 300 完成。 这是不正确的。
我的代码结构类似于以下内容:
主要动画功能:
function animate(ele,prop,duration,easing,callback) {
//...
}
动画管理器:
function Animation() {
this.start = function(ele,prop,duration,easing,callback) {
new animate(ele,prop,duration,easing,callback).start();
};
}
请让我知道如何解决这个问题
http://jsfiddle.net/rrqe4qh1/1/
应用样式时
this.ele.style[k]= val + 'px';
它也与其他属性的样式值冲突
添加以下检查帮助
if(e===k) this.ele.style[k]= val + 'px';
相关文章:
- 检查来自不同数组的两个元素的一个属性是否相等
- 交换对象上两个属性的值
- 删除两个独立对象中的属性,而不使用多余的删除语句
- JavaScript - 合并两个对象数组并根据属性值删除重复数据
- 比较主干中的两个模型属性
- 速度.js动画两个属性时持续时间不同
- 查找/合并具有共同属性的两个对象
- JQuery选择:两个属性's值不相等
- 在ramda.js中将两个属性合并在一起
- 有没有一个lodash函数可以合并两个对象并删除其中一个对象的属性(如果它们没有)'不存在于另一个中
- JS:两个或多个非严格模式下具有相同名称的对象属性
- 如何在 JavaScript 中检查多个对象属性两次
- jQuery 选择器,用于通过比较元素的两个数据属性来选择元素
- 为什么我的 Javascript 中的两个正则表达式文本在一个属性上有所不同
- 两个 JavaScript 对象具有相同的属性实现方式,但原型不同
- JavaScript 中通过公共属性“交叉”两个 JSON 对象数组的最佳方式
- 如何在培根中合并两个属性.js
- 如何根据两个对象属性对对象数组进行排序
- 基于两个属性从 javascript 中的对象数组中获取唯一数组
- 如何连接数组中对象的两个属性以用作ngOptions中的标签