项目拓展4:演示fadeIn、fadeOut和fadeTo方法的渐变动画效果

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

点击fadeOut按钮,将执行$("#fadeOutDiv").fadeOut("slow",function(){alert("演示这个层慢慢消失了!")});

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

(3)fadeTo(speed,opacity,callback)

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

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

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

slideToggle( )方法