jQuery_02_效果

时间：2017年03月16日 08:41 分类： JS,DOM 访问: 672 次

隐藏/显示

$(selector).hide(speed,callback);
$(selector).show(speed,callback);
$(selector).toggle(speed,callback);

淡入淡出

$(selector).fadeIn(speed,callback);
$(selector).fadeOut(speed,callback);
$(selector).fadeToggle(speed,callback);
$(selector).fadeTo(speed,opacity,callback);

滑动

$(selector).slideDown(speed,callback);
$(selector).slideUp(speed,callback);
$(selector).slideToggle(speed,callback);

动画

$(selector).animate({params},speed,callback);

停止动画或效果，在它们完成之前

$(selector).stop(stopAll,goToEnd);

方法链接

$("#p1").css("color","red").slideUp(2000).slideDown(2000);