消失出现用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

Related Posts: jQuery动画-渐变出现渐变消失 :