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 dataTable 获取某行数据
May 05 jQuery
jQuery操作之效果详解
May 19 jQuery
jQuery复合事件用法示例
Jun 10 jQuery
jQuery使用ajax_动力节点Java学院整理
Jul 05 jQuery
jQuery+Ajax请求本地数据加载商品列表页并跳转详情页的实现方法
Jul 12 jQuery
jquery插件canvaspercent.js实现百分比圆饼效果
Jul 18 jQuery
jQuery实现定时隐藏对话框的方法分析
Feb 12 jQuery
jQuery 同时获取多个标签的指定内容并储存为数组
Nov 20 jQuery
jQuery实现左右两个列表框的内容相互移动功能示例
Jan 27 jQuery
jquery无缝图片轮播组件封装
Nov 25 jQuery
JavaScript前端页面搜索功能案例【基于jQuery】
Jul 10 jQuery
jQuery实现移动端扭蛋机抽奖
Nov 08 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
关于页面优化和伪静态
2009/10/11 PHP
PHP实现邮件群发的源码
2013/06/18 PHP
PHP合并静态文件详解
2014/11/14 PHP
js查找父节点的简单方法
2008/06/28 Javascript
javascript attachEvent绑定多个事件执行顺序问题
2010/10/20 Javascript
jquery插件tooltipv顶部淡入淡出效果使用示例
2013/12/05 Javascript
javascript 中的 delete及delete运算符
2015/11/15 Javascript
jQuery实现获取绑定自定义事件元素的方法
2015/12/02 Javascript
Sort()函数的多种用法
2016/03/20 Javascript
深入理解JQuery循环绑定事件
2016/06/02 Javascript
Angular2内置指令NgFor和NgIf详解
2016/08/03 Javascript
浅谈JavaScript事件绑定的常用方法及其优缺点分析
2016/11/01 Javascript
BootStrap整体框架之基础布局组件
2016/12/15 Javascript
AngularJS 异步解决实现方法
2017/06/12 Javascript
关于Webpack dev server热加载失败的解决方法
2018/02/22 Javascript
详解js跨域请求的两种方式,支持post请求
2018/05/05 Javascript
用JS实现选项卡
2020/03/23 Javascript
Python处理字符串之isspace()方法的使用
2015/05/19 Python
单利模式及python实现方式详解
2018/03/20 Python
Python实用工具FuckIt.py介绍
2019/07/02 Python
react+django清除浏览器缓存的几种方法小结
2019/07/17 Python
jupyter lab文件导出/下载方式
2020/04/22 Python
Pytorch损失函数nn.NLLLoss2d()用法说明
2020/07/07 Python
探索欧洲最好的品牌:Bombinate
2019/06/14 全球购物
Feelunique德国官方网站:欧洲最大的在线美容零售商
2019/07/20 全球购物
NICKIS.com荷兰:设计师儿童时装
2020/01/08 全球购物
广州喜创信息技术有限公司JAVA软件工程师笔试题
2012/10/17 面试题
大学学生会竞选演讲稿
2014/04/25 职场文书
中学优秀班主任事迹材料
2014/05/01 职场文书
提拔干部考察材料
2014/05/26 职场文书
爱情保证书
2015/01/17 职场文书
小学科学教学计划
2015/01/21 职场文书
销区经理年终述职报告模板
2019/11/28 职场文书
一篇文章带你了解Python和Java的正则表达式对比
2021/09/15 Python
Python 数据可视化之Seaborn详解
2021/11/02 Python
Vue实现跑马灯样式文字横向滚动
2021/11/23 Vue.js