JS 基础动画效果

1.fadeIn()      div渐进

用法： 

    $("#div1").fadeIn();
    $("#div2").fadeIn("slow");
    $("#div3").fadeIn(3000);

2.fadeOut()    div渐出

    $("#div1").fadeOut();
    $("#div2").fadeOut("slow");
    $("#div3").fadeOut(3000);

3.fadeToggle   div切换

    $("#div1").fadeToggle();
    $("#div2").fadeToggle("slow");
    $("#div3").fadeToggle(3000);

4.fadeTo 

 

fadeTo(speed,opacity,callback) //速度，透明度（0-1）,function

div淡出，仍然保留它的位置，只改变透明度

    $("#div1").fadeTo("slow",0.15);
    $("#div2").fadeTo("slow",0.4);
    $("#div3").fadeTo("slow",0.7);

 

上面四个方法的第一个参数："slow"、"fast" 或毫秒