js实现类似jquery里animate动画效果的方法_javascript技巧

本文实例讲述了js实现类似jquery里animate动画效果的方法。分享给大家供大家参考。具体分析如下：

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

要点一：

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();
}
}

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

最后，上代码：

希望本文所述对大家的javascript程序设计有所帮助。