71. hide(),hide(speed, callback).前者是把element隐藏用的是display:none的样式。后者是把element的长,宽,以及透明度都改变。callback表示动画完成后调用的函数。speed表示速度.
eg: 1. <p>Hello</p>
$("p").hide() ==>> [ <p style="display: none">Hello</p> ]
2.$("p").hide("slow",function(){alert("Animation Done.");}); //动画隐藏
72. animate(params, speed, easing, callback)动画特效.
params:是动画的设置,用来表示动画的展现以及结束,
speed:动画的速率可以是("slow","normal",or "fast")也可以是毫秒数.eg: 1000
easing:默认是'linear',如想用其它参数,就要添加jQuery的特效插件.
callback: 当动画完成时的调用的函数.
eg:
1. $("p").animate({ height: 'toggle', opacity: 'toggle' }, "slow");
2. $("p").animate({ left: 50, opacity: 'show' }, 500);
3. $("p").animate({ opacity: 'show'}, "slow", "easein");
73. fadeIn(speed, callback),fadeOut(speed, callback),fadeTo(speed, opacity, callback)淡入,淡出效果,speed表示速度,可以用"slow,normal,fast"代替,也可以直接写毫秒数. callback表示淡入,淡出后的调用的函数.fadeTo表示淡入到某个透明度。opacity (Number):取值范围就0-1
eg:
$("p").fadeTo("slow", 0.5, function(){
alert("Animation Done.");
});
74. show(),show(speed, callback)这两个方法与前两个方法的行为相反。
eg: 1. <p style="display: none">Hello</p>
$("p").show() ==>> [ <p style="display: block">Hello</p> ]
2. $("p").show("slow",function(){ alert("Animation Done.");}); //动画展现
75.slideDown(speed, callback),slideUp(speed, callback),slideToggle(speed, callback)slideDown是高度从0慢慢增加,slideUp是高度慢慢减小到0。slideToggle表示一个相反的状态。如果当前状态是slideDown后的状态,那么执行slideToggle与运行slideUp一样。如果当前状态是slideUp后的状态,那么执行slideToggle与运行slideDown一样
76. toggle(),如果element是hide状态则show之。如果当前状态是show状态,则hide之.
eg: <p>Hello</p><p style="display: none">Hello Again</p>
$("p").toggle() ==> [ <p style="display: none">Hello</p>, <p style="display: block">Hello Again</p> ]