jquery animate动画持续运动的实例


Posted in jQuery onNovember 29, 2017

如下所示:

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 Easyui Treegrid实现显示checkbox功能
Aug 08 jQuery
jQuery实现锚点向下平滑滚动特效示例
Aug 29 jQuery
JavaScript自执行函数和jQuery扩展方法详解
Oct 27 jQuery
jQuery实现动态添加节点与遍历节点功能示例
Nov 09 jQuery
利用JQUERY实现多个AJAX请求等待的实例
Dec 14 jQuery
jQuery实现手机号正则验证输入及自动填充空格功能
Jan 02 jQuery
jQuery实现滚动到底部时自动加载更多的方法示例
Feb 18 jQuery
jquery引入外部CDN 加载失败则引入本地jq库
May 23 jQuery
jQuery分组选择器简单用法示例
Apr 04 jQuery
jquery获取并修改触发事件的DOM元素示例【基于target 属性】
Oct 10 jQuery
jquery 键盘事件 keypress() keydown() keyup()用法总结
Oct 23 jQuery
jQuery实现广告显示和隐藏动画
Jul 04 jQuery
JQuery 又谈ajax局部刷新
Nov 27 #jQuery
jQuery Datatables表头不对齐的解决办法
Nov 27 #jQuery
javaScript和jQuery自动加载简单代码实现方法
Nov 24 #jQuery
jquery实现回车键触发事件(实例讲解)
Nov 21 #jQuery
jQuery实现所有验证通过方可提交的表单验证
Nov 21 #jQuery
jquery-file-upload 文件上传带进度条效果
Nov 21 #jQuery
jquery ajaxfileupload异步上传插件
Nov 21 #jQuery
You might like
php取整函数ceil,floo,round的用法及介绍
2013/08/31 PHP
PHP将MySQL的查询结果转换为数组并用where拼接的示例
2016/05/13 PHP
ThinkPHP整合datatables实现服务端分页的示例代码
2018/02/10 PHP
PHP多线程模拟实现秒杀抢单
2018/02/07 PHP
js replace正则表达式应用案例讲解
2013/01/17 Javascript
js实现的倒计时按钮实例
2015/06/24 Javascript
PhantomJS快速入门教程(服务器端的 JavaScript API 的 WebKit)
2015/08/06 Javascript
AngularJs学习第五篇从Controller控制器谈谈$scope作用域
2016/06/08 Javascript
JS实现鼠标移上去显示图片或微信二维码
2016/12/14 Javascript
JS正则子匹配实例分析
2016/12/22 Javascript
原生JS实现图片左右轮播
2016/12/30 Javascript
Javascript基础回顾之(一) 类型
2017/01/31 Javascript
详解vue过滤器在v2.0版本用法
2017/06/01 Javascript
vue3.0 CLI - 2.2 - 组件 home.vue 的初步改造
2018/09/14 Javascript
Vue的H5页面唤起支付宝支付功能
2019/04/18 Javascript
javascript实现遮罩层动态效果实例
2019/05/14 Javascript
vue项目中使用scss的方法步骤
2019/05/16 Javascript
Vue+Element UI+vue-quill-editor富文本编辑器及插入图片自定义
2019/08/20 Javascript
node-red File读取好保存实例讲解
2019/09/11 Javascript
[02:04]2014DOTA2国际邀请赛 BBC小组赛第三天总结
2014/07/12 DOTA
深入分析在Python模块顶层运行的代码引起的一个Bug
2014/07/04 Python
以Python的Pyspider为例剖析搜索引擎的网络爬虫实现方法
2015/03/30 Python
在Python中使用PIL模块对图片进行高斯模糊处理的教程
2015/05/05 Python
python requests.post带head和body的实例
2019/01/02 Python
把Anaconda中的环境导入到Pycharm里面的方法步骤
2020/10/30 Python
用纯css3实现的图片放大镜特效效果非常不错
2014/09/02 HTML / CSS
精美的手工家居和生活用品:Nkuku
2019/11/01 全球购物
科颜氏香港官方网店:Kiehl’s香港
2021/03/07 全球购物
Python是如何进行类型转换的
2013/06/09 面试题
生日邀请函范文
2014/01/13 职场文书
经济信息系毕业生自荐信范文
2014/03/15 职场文书
公务员保密承诺书
2014/03/27 职场文书
大学理论知识学习自我鉴定
2014/04/28 职场文书
2014年社区矫正工作总结
2014/11/18 职场文书
文艺委员竞选稿
2015/11/19 职场文书
pytorch中F.avg_pool1d()和F.avg_pool2d()的使用操作
2021/05/22 Python