我是靠谱客的博主 调皮大白,最近开发中收集的这篇文章主要介绍jquery基本动画,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

jquery的基本动画

1.show()显示

2.hide()隐藏

3.toggle()切换

以上三个函数,有共同的参数

第一个表示运动时间

第二个表示运动曲线

第三个表达运动结束的回调函数

折叠动画

1.slideDown()显示

2.slideUp()隐藏

3.slideToggle()切换

以上三个函数,有共同的参数

第一个表示运动时间

第二个表示运动曲线

第三个表达运动结束的回调函数

渐隐渐显动画

1.fadeIn()显示

2.fadeOut()隐藏

3.fadeToggle()切换

以上三个函数,有共同的参数

第一个表示运动时间

第二个表示运动曲线

第三个表达运动结束的回调函数

4.fadeTo(运动时间,指定的透明度,运动曲线,运动结束的回调函数)

综合动画

animate()

第一个参数:要运动的样式,以一个对象数据类型传递

第二个参数:运动时间

第三个参数:运动曲线

第四个参数:运动结束的回调函数

注意:

关于颜色相关的样式是不能运动的

关于transform相关的样式是不能运动的

元素集合.animate({},运动时间,运动曲线,运动结束后的回调函数)

结束动画

stop()

当任何一个元素,执行了stop方法以后

会立即结束当前的所有运动,目前运动到什么位置,就停留在什么位置

一般对于结束动画的时候,都是在运动开始之前

finish()

放任何一个元素,执行了finish方法以后

会立即结束当前的所有运动,直接去到动画的结束位置

最后

以上就是调皮大白为你收集整理的jquery基本动画的全部内容,希望文章能够帮你解决jquery基本动画所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(58)

评论列表共有 0 条评论

立即
投稿
返回
顶部