项目拓展4：页面特定元素的渐变动画

## 项目拓展4：页面特定元素的渐变动画效果

演示fadeIn、fadeOut和fadeTo方法的渐变动画效果

（1）fadeOut(speed,callback)
通过不透明度的变化来实现所有匹配元素的淡出效果，并在动画完成后可选地触发一个回调函数。
这个动画只调整元素的不透明度，也就是说所有匹配的元素的高度和宽度不会发生变化。

点击fadeOut按钮，将执行$("#fadeOutDiv").fadeOut("slow",function(){alert("演示这个层慢慢消失了！")});
（2）fadeIn(speed, callback)
通过不透明度的变化来实现所有匹配元素的淡入效果，并在动画完成后可选地触发一个回调函数。
这个动画只调整元素的不透明度，也就是说所有匹配的元素的高度和宽度不会发生变化。
点击fadeIn按钮，将执行 $("#fadeInDiv").fadeIn("slow",function(){alert("演示这个层慢慢出现了！")});
（3）fadeTo(speed,opacity,callback)

把所有匹配元素的不透明度以渐进方式调整到指定的不透明度，并在动画完成后可选地触发一个回调函数。这个动画只调整元素的不透明度，也就是说所有匹配的元素的高度和宽度不会发生变化。

点击fadeTo按钮，将执行 $("#fadeToDiv").fadeTo("slow",0.5,function(){alert("演示这个层透明度变成50%了！")});