WordPress

jQuery 动画效果

1年前 (2022-03-07)   1.32k   1479 字
1、show()
//显示元素
$(selector).show(speed,callback)
speed      可选。规定元素从隐藏到完全可见的速度。默认为 "0"。
callback   可选。show 函数执行完之后,要执行的函数。
2、hide()
//隐藏元素
$(selector).hide(speed,callback)
speed      可选。规定元素从可见到隐藏的速度。默认为 "0"。
callback   可选。hide 函数执行完之后,要执行的函数。
3、toggle()
//隐藏显示自动切换,当目前为显示则隐藏,当目前为隐藏则显示
$(selector).toggle(speed,callback,switch)
speed      可选。规定元素从可见到隐藏的速度(或者相反)。默认为 "0"。
callback   可选。toggle 函数执行完之后,要执行的函数。
switch     可选。布尔值。规定 toggle 是否隐藏或显示所有被选元素。
4、slideDown()
//向下显示,slow() 是水平与垂直方向同时展开,而 slideDown 是仅仅在垂直方向向下展开
$(selector).slideDown(speed,callback)
speed      可选。规定元素从隐藏到可见的速度(或者相反)。默认为 "normal"。
callback   可选。slideDown 函数执行完之后,要执行的函数。
5、slideUp()
//向上隐藏,hide() 是水平与垂直两个方向的,而 slideUp() 仅仅是垂直方向向上收起隐藏
$(selector).slideUp(speed,callback)
speed      可选。规定元素从可见到隐藏的速度(或者相反)。默认为 "normal"。
callback   可选。slideUp 函数执行完之后,要执行的函数。
6、slideToggle
//垂直方向上切换,toggle是水平与垂直两个方向上的,而 slideToggle 是仅仅垂直方向的
$(selector).slideToggle(speed,callback)
speed      可选。规定元素从隐藏到可见的速度(或者相反)。默认为 "normal"。
callback   可选。toggle 函数执行完之后,要执行的函数。
7、fadeIn()
//以改变透明度来显示
$(selector).fadeIn(speed,callback)
speed      可选。规定元素从隐藏到可见的速度。默认为 "normal"。
callback   可选。fadeIn 函数执行完之后,要执行的函数。
8、fadeOut()
//以改变透明度来隐藏
$(selector).fadeOut(speed,callback)
speed      可选。规定元素从可见到隐藏的速度。默认为 "normal"。
callback   可选。fadeOut 函数执行完之后,要执行的函数。
9、fadeToggle()
//以改变透明度来切换显示隐藏状态
$(selector).fadeToggle(speed,easing,callback)
speed      可选。规定元素从可见到隐藏的速度(或者相反)。默认为 "0"。
callback   可选。toggle 函数执行完之后,要执行的函数。
10、fadeTo()
//由指定的时间将透明度改变到指定的透明度
$(selector).fadeTo(speed,opacity,callback)
speed      可选。规定元素从当前透明度到指定透明度的速度。
opacity    必需。规定要淡入或淡出的透明度。必须是介于 0.00 与 1.00 之间的数字。
callback   可选。fadeTo 函数执行完之后,要执行的函数。
版权声明:Jakehu 发表于 2022-03-07 23:37:51
转载请注明:jQuery 动画效果︱Jakehu

您可能感兴趣的

1 条评论