总结5.9jquery动画

$('div').hide();//隐藏元素
    $('div').show();//显示元素
    $('div').toggle();//元素隐藏显示之间切换
    $('button').click = function(){
        $('div').fadeIn(3000,callback);//点击按钮,元素渐渐显示,括号内第一项为过程多少毫秒,第二项回调函数,指过程完成后执行的操作
    }
    $('button').click(function(){
        $('div').fadeOut;//元素淡出
    });
    $('button').click(function(){
        $('div').fadeToggle;//淡入淡出之间渐渐切换
    });
    $('button').click(function(){
        $('div').fadeTo(2000,1);//元素向指定透明度变化,括号内第二项设置透明度
    });

    $('button').click(function(){
        $('div').slideDown;//元素向下滑动,像div这种元素是从无到有
    });
    $('button').click(function(){
        $('div').slideUp;//元素向上滑动,从有到无
    });
    $('button').click(function(){
        $('div').slideToggle;//滑动之间的切换
    });

    $('button').click(function(){
        $('div').animate(
            {
                '400px',
                height:'400xpx'
            },2000,callback
        )//动画,大括号内设置动画如何进行,后面是时间和过程完成后的操作
    });
原文地址:https://www.cnblogs.com/HighKK/p/12858767.html