在js中,我们经常会编写代码,实现元素变化运动,如width,height,opacity等
原生封装了运动框架,代码如下
/*
* 实现多动画同时运动(多物体运动框架)
*
* 调用示例 var container = document.getElementById('container');
* startMultiMove(container,{width:800,height:800,opacity:100},
* function(){alert('123');
* });
* obj -> dom对象
* json -> style的json数组
* fn -> 运动之后应该执行的函数
*
* */
function startMultiMove(obj,json,fn) {
//清除定时器,防止鼠标重复移动在元素上的情况
clearInterval(obj.time);
//设置定时器
obj.time = setInterval(function