JQuery常用动画实现函数

时间:2023-03-08 16:01:01
JQuery常用动画实现函数

1、上拉、下拉和切换

slideup()、slidedown()、slideToggle()

JQuery里面的切换太吊了,它自带判断当前显示状态,如果为显示就执行隐藏,如果为隐藏就执行显示。

2、淡入淡出

fadeIn()   fadeOut()    fadeToggle()   fadeTo("时间多少毫秒","透明度0~1")

3、自定义动画效果

animate()

4、JQuery的动画是一种排队机制

要想停止动画就要在动画函数之前加入一个stop函数,例如:$(this).children("ul").stop().slideToggle();

stop("参数1","参数2");

  第一个参数:true是当前动画停止并且清空后续动画队列,清空之后后边的动画效果都不执行了。

  第二个参数:true是立即执行完当前动画然后再执行后续动画。

5、操作样式