jquery animate动画持续运动的实例

更新时间：2017年11月29日 09:38:38 作者：蓓蕾心晴

下面小编就为大家分享一篇jquery animate动画持续运动的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

如下所示：

function fingers(){
  $(".box01 .fingers").animate({"width":"7.5rem","marginLeft":"-3.75rem"},500,function(){
  $(".box01 .fingers").animate({"width":"6.8rem","marginLeft":"-3.4rem"},500,fingers());
  });
 }
fingers();

如上，想要实现左右持续运动，则把该动画封装为一个函数，再反复调用就好。

以上这篇jquery animate动画持续运动的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

Jquery实现鼠标移动放大图片功能实例
这篇文章主要介绍了Jquery实现鼠标移动放大图片功能,实例分析了jQuery操作鼠标与图片的技巧,非常具有实用价值,需要的朋友可以参考下
2015-03-03
jquery实现输入框动态增减的实例代码
主要功能是动态增减输入框，而且支持对各个输入框的检测，每个输入框在输入内容后，对其进行错误提示
2013-07-07
jQuery live( type, fn ) 委派事件实现
jQuery 1.3中新增的方法。给所有当前以及将来会匹配的元素绑定一个事件处理函数（比如click事件）。也能绑定自定义事件。
2009-10-10
jQuery实现鼠标悬停显示提示信息窗口的方法
这篇文章主要介绍了jQuery实现鼠标悬停显示提示信息窗口的方法,涉及jQuery操作鼠标事件及show、hide等方法的使用技巧,需要的朋友可以参考下
2015-04-04
jQuery Animation实现CSS3动画示例介绍
jQuery Animation的工作原理是通过将元素的CSS样式从一个状态改变为另一个状态，下面以一个实例为大家详细介绍下具体的实现，感兴趣的朋友可以参考下
2013-08-08
jquery实现点击查看更多内容控制段落文字展开折叠效果
这篇文章主要介绍了jquery实现点击查看更多内容控制段落文字展开折叠效果,涉及jquery中fadeIn与fadeOut实现折叠与展开页面元素的功能,非常具有实用价值,需要的朋友可以参考下
2015-08-08
ASP.NET jQuery 实例8 (动态添加内容到DropDownList)
在web应用里，我们经常需要通过其他控件的事件触发动态构造DropDownList数据内容。在这节中，我们将会看到如何实现通过选择第一个下来框的内容来动态构造第二个下拉框的内容
2012-02-02
jQuery简介_动力节点Java学院整理
目前jQuery有1.x和2.x两个主要版本，区别在于2.x移除了对古老的IE 6、7、8的支持，因此2.x的代码更精简。选择哪个版本主要取决于你是否想支持IE 6~8，下文给大分享jquery 简介的相关知识，感兴趣的朋友一起看看吧
2017-07-07
JQuery使用数组遍历跳出each循环
这篇文章主要介绍了JQuery使用数组遍历跳出each循环,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2020-09-09
jquery datepicker参数介绍和示例
这篇文章主要介绍了jquery datepicker参数介绍和示例,需要的朋友可以参考下
2014-04-04