4.3.2 淡入和淡出

4.3.2 淡入和淡出

虽然使用.show().hide()方法在某种程度上可以创造漂亮的效果,但其效果有时候也可能会显得过于花哨。考虑到这一点,jQuery也提供了两个更为精细的内置动画方法。

逐渐地增大不透明度

如果想在显示整个段落时,只是逐渐地增大其不透明度,那么可以使用.fadeIn('slow')方法,.fadeIn()方法会在一开始设置段落的尺寸,以便内容能够逐渐显示出来。

逐渐减少不透明度

类似地,要逐渐减少不透明度,可以使用.fadeOut()方法。

两个方法的效果

  • .fadeIn()方法淡入,表示慢慢的进入显示器,也就是显示的意思
  • .fadeOut()方法表示淡出,表示慢慢的移出显示器,也就是隐藏的意思