jquery基础教程五（淡入淡出效果）

我们来看看jquery是如何实现淡入 淡出效果的.
fadeOut(speed,callback) 

通过不透明度的变化来实现所有匹配元素的淡入效果，并在动画完成后可选地触发一个回调函数。

这个动画只调整元素的不透明度，也就是说所有匹配的元素的高度和宽度不会发生变化。

$("#fadeOut1").click(function(){  $("#fadeOut").fadeOut("slow",function(){alert("是不是下面这个层慢慢消失了！")});  })

这里我们说需要说明的是
speed (String|Number): (可选) 三种预定速度之一的字符串("slow", "normal", or "fast")或表示动画时长的毫秒数值(如：1000)


fadeIn(speed, callback)

通过不透明度的变化来实现所有匹配元素的淡出效果，并在动画完成后可选地触发一个回调函数。

这个动画只调整元素的不透明度，也就是说所有匹配的元素的高度和宽度不会发生变化。 |

用法和 fadeOut 一样,只不过是一个相反的过程


fadeTo(speed,opacity,callback)

把所有匹配元素的不透明度以渐进方式调整到指定的不透明度，并在动画完成后可选地触发一个回调函数。

这个动画只调整元素的不透明度，也就是说所有匹配的元素的高度和宽度不会发生变化。

$("#fadeTo1").click(function(){
  $("#fadeTo").fadeTo("slow",0.5,function(){alert("是不是下面这个层透明度变成50%了！")});
  })

0.5表示将不透明度设置成50%。

实现的效果完整代码：

注意这个div的变化

点击淡入

点击淡出

透明度变为50%