JQ动画

167 阅读1分钟

jQuery Fading 方法

通过 jQuery,您可以实现元素的淡入淡出效果。

jQuery 拥有下面四种 fade 方法:

  • fadeIn()
  • fadeOut()
  • fadeToggle()
  • fadeTo()

show和hide

$("#hide").click(function(){
  $("p").hide();
});

$("#show").click(function(){
  $("p").show();
});

jQuery fadeOut() 方法

$(selector).fadeOut(speed,callback);

jQuery fadeToggle() 方法

$(selector).fadeToggle(speed,callback);

jQuery fadeTo() 方法

$(selector).fadeTo(speed,opacity,callback);

jQuery 停止动画

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

jQuery 效果 - 滑动

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