概述
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基本动画所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复