JQuery笔记9

效果

1.显示 隐藏 切换

显示 ：show()
隐藏 ：hide()
切换 ：toggle()
延时操作 ：（）中填入时间，单位：毫秒

<script>
$(function(){
var div = $("#d");
   $("#b1").click(function(){
      div.hide();
      //div.hide(2000);
   });
}
</script>

2.向上滑动 向下滑动 滑动切换

向上滑动 ：slideUp()
向下滑动 ：slideDown()
滑动切换 ：slideToggle()
延时操作 ：（）中填入时间，单位：毫秒

3.淡入 淡出 淡入淡出切换 指定淡入程度

淡入 ：fadeIn()
淡出 ： fadeOut()
淡入淡出切换 ：fadeToggle()
延时操作 ：（）中填入时间，单位：毫秒

指定淡入程度 ：fadeTo(speed,opacity)
speed：毫秒 / “slow” / “normal” / “fast”
opacity：规定要淡入或淡出的透明度。必须是介于 0.00 与 1.00 之间的数字。

4.自定义动画效果

animate(styles,speed)
styles：css样式
speed：毫秒 / “slow” / “normal” / “fast”

//右移100px，时延：2000毫秒
div.animate({left:'100px'},2000);

5.回调函数

效果方法都提供对回调函数callback()的支持。
callback()：函数执行完之后，要执行的函数。

例如：效果一般需要一定的时间，并且这个时间可长可短，所以就无法精确的确定该效果何时结束。
调用效果方法的最后一个参数传入一个function，当效果结束的时候，就会自动调用该function了。

div.animate({left:'100px'},2000,function(){
 alert("动画演示结束");
});