Site icon 时鹏亮的Blog

jQuery动画-渐变出现渐变消失

请知悉:本文最近一次更新为 11年 前,文中内容可能已经过时。

消失出现用show()方法和hide()方法,太直接了是吧?
经过查找,原来已经有这个特效了,就是fadeIn()方法和fadeOut()方法。

$("selector").fadeIn();

控制透明度在指定时间内从display:none提高至完全显示

$("selector").fadeOut();

控制透明度在指定时间内降低至display:none;

slideUp()方法和slideDown()方法

$("selector").slideUp();

控制元素高度在指定时间内从下到上缩短至display:none;

$("selector").slideDown();

控制元素高度在指定时间内从display:none延伸至完整高度

自定义动画方法animate()
这个自定义的实现的效果也值得学习,自己去w3school学去吧。

文中内容整理自:http://fruithardcandy.iteye.com/blog/1679751


如您从本文得到了有价值的信息或帮助,请考虑扫描文末二维码捐赠和鼓励。

尊重他人劳动成果。转载请务必附上原文链接,我将感激不尽。


与《jQuery动画-渐变出现渐变消失》相关的博文:

Exit mobile version