项目拓展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%了！")});

项目拓展5：slideToggle( )方法演示页面元素向上向下滑动效果

slideToggle( )方法

jQuery slideToggle() 方法，可以在 slideDown() 与 slideUp() 方法之间进行切换。如果元素向下滑动，则 slideToggle() 可向上滑动它们。如果元素向上滑动，则 slideToggle() 可向下滑动它们。

$(selector).slideToggle(speed,callback)，可选的 speed 参数规定效果的时长。它可以取以下值："slow"、"fast" 或毫秒。可选的 callback 参数是滑动完成后所执行的函数名称。