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

前端之家收集整理的这篇文章主要介绍了js实现类似jquery里animate动画效果的方法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

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

要点一:

Box.onmouSEOver = function(){ startrun(Box,"width",200,function(){ startrun(Box,"height","opacity","100") }); }); }

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

要点二:

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

最后,上代码

无<a href="/tag/biaoti/" target="_blank" class="keywords">标题</a>文档
Box">

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

猜你在找的jQuery相关文章