您好,欢迎访问一九零五行业门户网

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程序设计有所帮助。
其它类似信息

推荐信息