jQuery---中的动画

 

show():$('p').show(); show(1000) 里面加参数会让元素在显示的时候动起来
hide():$('p').hide(); hide(1000) 里面加参数让元素在隐藏的时候动起来
fadeIn(): 只是改变元素的不透明度 直到元素完全显示 $('p').fadeIn();
fadeOut(): 改变元素的不透明度直到元素完全消失 $('p').fadeOut();
slideUp():改变元素的高度 元素由下而上缩短隐藏
slideDown():与slideUp 相反
animate():
$('p').animate({left:'500px',3000});
$('p').animate({left:'+=500px',3000}) 在原来位置上累加500px
$('p').animate({left:'500px',height:'200px'},3000) 同时执行多个动画
=======按照顺序执行多个动画
$('p').animate({left:'500px',3000});
$('p').animate({height:'500px',3000})
==============
$('p').animate({height:'300px'},3000).animate({width:'200px'},3000).fadeOut('slow')
$('p').is(':animated')) //判断元素是否属于动画状态
其他动画方法：
toggle(): 切换元素的可见状态 如果是可见的 切换为隐藏，如果为隐藏的切换为可见
slideToggle():与slideup slideDown 方法类似 通过改变高度切换元素的可见性
fadeTo():$('p').fadeTo(600,0.2) 此方法只会改变元素的不透明度

转载于:https://www.cnblogs.com/damonS/p/3964373.html