jQuery的动画

JQ的预定义动画:
    1.显示隐藏动画
    显示:
        JQ对象.show()
            不传参数 表示直接显示 控制元素的 display属性
            传入毫秒值 表示 元素的width/height/opacity 从0变化到本身大小
            毫秒值表示多少毫秒变化完
            传入毫秒值,回调函数  显示动画执行完毕 触发的回调函数
    隐藏:
        JQ对象.hide()
            参数用法跟上面一毛一样
    切换:
        JQ对象.toggle(); 参数跟上面一毛一样
    2. 滑入滑出动画
    滑入动画:
        JQ对象.slideDown()
            参数 传入毫秒值
            参数 传入毫秒值+回调函数
    滑出动画
        JQ对象.slideUp()
            参数 传入毫秒值
            参数 传入毫秒值+回调函数

    控制元素的height属性

    3. 淡入淡出动画
    淡入动画:
        fadeIn()

    淡出动画
        fadeOut()

     淡入淡出切换
        fadeToggle()

      淡化到指定透明度
        fadeTo(毫秒值,目标透明度,回调函数)

     参数跟滑入滑出一毛一样

jq的animate自定义动画：
    JQ对象.animate({
        要进行动画的css属性键值对
    },动画的持续时间,"linear/swing",回调函数)

    第三个参数动画速率  不传默认linear

jq的动画的停止
    JQ的动画默认有队列效果
        如果想要提前停止 那么调用stop方法
        参数是两个布尔值  默认值都是false
    JQ对象.stop()
        第一个参数: 后续动画是否会执行
            true: 后续不执行
            false: 后续会执行
        第二个参数:
            true: 立即完成当前动画
            false: 立即停止当前动画