该实例可实现鼠标移上，先宽度变化，再高度变化，最后透明度变化，鼠标移出，再依次变回去的效果。

要点一：

startrun(obj,attr,target,fn)

box.onmouseover = function(){

startrun(box,"width",200,function(){

startrun(box,"height",200,function(){

startrun(box,"opacity","100")

});

});

}

如上面，函数也可以做为参数使用，就可以达到先执行某个动作，再执行某个动作的效果了。

要点二：

if(cur == target){

clearInterval(obj.timer);

if(fn){

fn();

}

}

当运动到达目标点，关闭定时器，然后就可以执行新的函数了。

最后，上代码：

更多信息请查看IT技术专栏