第四节 jQuery动画效果

        C.4第四节 jQuery动画效果

4.1 jquery显示/隐藏         

        .hide(1000,"linear",function(){

                console.log("hide()方法已完成!");

        })

4.2 jQuery滑动

        slideUp(speed,function(){  });

        slideDown(speed,function(){   });

        slideToggle(speed,function(){    });

4.3 jquery淡入淡出   

        fadeIn(speed,function(){  });

        fadeOut(speed,function(){  });

        fadeToggle(speed,function(){  });

        fadeTo(1000,0.6)淡出到指定值，0.6为不透明度（0~1）

4.4 jquery自定义动画

        $('#id').animate({param},speed,function(){ });

        参数一：css属性，速度，函数。

        hide,show,toggle为预定义的值

        eg：$('.class').animate({left:'200px',opacity:'0.6',height:'toggle'}slow,function(){ });