JQuery中的animate自定义动画

animate()方法用于创建自定义动画。

概述 .animate( properties [, duration ] [, easing ] [, complete ] )

properties
- 类型: PlainObject
  
  一个CSS属性和值的对象,动画将根据这组对象移动。
- duration (默认: 400)
  
  类型: Number or String
  
  一个字符串或者数字决定动画将运行多久。或表示动画时长的毫秒数值(如：1000) ）
- easing (默认: swing)
  
  类型: String
  
  一个字符串，表示过渡使用哪种缓动函数。（译者注：jQuery自身提供"linear" 和 "swing"）
- complete
  
  类型: Function()
  
  在动画完成时执行的函数。

语法：

$(selector) .animate( {params},speed,callback);

必需的params参数定义形成动画的CSS属性。
可选的speed参数规定效果的时长。它可以取以下值：“slow”、“fast”或者毫秒。
可选的callback参数是动画完成所执行的函数名称。

例子：

<body><input type="button" value="自定义动画" id="btn"><div>利宾一家人</div><script>$(function() {$("#btn").on("click", function() {$("div").animate({"left": "500px","top": "400px"}).animate({"font-size": "30px"})})})</script>
</body>

效果图：

JQuery中的animate自定义动画相关推荐

jQuery之animate自定义动画
下面是对jQuery自定义动画的整理,希望可以帮助到有需要的小伙伴. jQuery的animate()方法可以用来自定义动画方法语法结构如下: animate(properties,duration ...
jquery动画效果 animate() 自定义动画 stop() 停止运行动画 fadeIn()/fadeOut()/fadeTo() 淡入淡出
jquery动画效果今天给大家介绍一下jQuery当中的几种动画效果. . animate() 自定义动画 stop() 停止运行动画 fadeIn()/fadeOut()/fadeTo() 淡入淡 ...
四、jQuery 中的事件和动画(嘎嘎详细)
文章目录前言一.事件 1.1 加载 DOM 1.1.1 执行时机 1.1.2 多次使用 1.1.3 简写方式 1.2 事件绑定 1.2.1简单使用 1.2.2 简写绑定事件 1.3 合成事件 1. ...
搞定动画之 JQuery 中的预定义动画
古之立大事者,不惟有超世之才,亦必有坚忍不拔之志--苏轼写在前面所谓的 jQuery 中的预定义动画,就是 jQuery 官方提供定义好的动画方法可以供我们直接使用的. 显示与隐藏 jQuery ...
锋利的Jquery【读书笔记】 -- 第四章 jQuery中的事件和动画
锋利的Jquery读书笔记第三章 jQuery中的DOM操作 jQuery中的事件事件绑定 bind方法合成事件 hover方法 toggle方法事件冒泡事件对象停止事件冒泡阻止默认行为 ...
jQuery（五）--自定义动画、动画
目录一.自定义动画 1.1 animate() 1.2 animate()动画执行顺序 1.3 animate()动画回调函数和匀速运动 1.4 animate动画之stop()/delay() 二 ...
JQuery中的事件以及动画
嘿嘿,今天学习了JQuery的事件以及动画,感觉即将学习完JQuery,在回忆起上周学习的JavaScript,感觉好多刚刚学习的知识点都记得模糊啦,这个是很让失望的,这里只说明了一点,课是听过啦, ...
jquery中的事件和动画
目录一.jquery中的事件 1.加载DOM 2.事件绑定 3.合成事件 4.事件冒泡 5.事件对象的属性 6.移除事件二.jquery中的动画 1.隐藏和显示 2.滑动效果 3.淡入淡出效果三 ...
JQuery中淡出和淡入动画效果
开发工具与关键技术: MVC 班级:18级(4)班撰写时间:2019.5.20 JQuery中淡出动画fadeOut让元素在页面不可见,常用的办法就是通过设置样式的display:none.除此之外 ...

JQuery中的animate自定义动画

JQuery中的animate自定义动画相关推荐

最新文章

热门文章