jQuery第四課 ——運動

1.同時改變的是寬高透明度
    show() 顯示
    hide() 隱藏
    toggle() 切換顯示 / 隱藏的狀態

    2、改變的是高
    slideDown()  向下滑動展開
    slideUp()  向上捲動隱藏
    slideToggle()  以滑動/捲動方式切換 展開 / 收起狀態

    3、改變的是透明度
    fadeIn()  淡入方式顯示
    fadeOut() 淡出方式消失
    fadeTo()  淡入或淡出到某個透明度

    共同點 ：參數1, ：表示完成時間，默認是normal(代表400ms),fast(代表200ms),slow(代表600ms),也可自定義，fadeIn(500)
            參數2 ： 一個回調函數
    上面三種實質內部都調用了animate


    4、animate();
    參數 ： prop，speed，easing，callback 

    可用於animate()方法的常用屬性 ：opacity，top，height，width，margin，padding

    eg：$('#div').animate({ width : 400, height : 400 },500,liner,callback); 
    數值的運算還可以 {width : '+=100'};

    另一種寫法：
    $('#div').animate({width : 400},{
        duration : 1000,
        easing : 'liner',
        complete : function(){},
        step : function(a,b) {
            //a : 表示div的width從開始到400的一個過程
            //b : 一個對象
        }
    })

    5、隊列 ：即一行行的設置（存在一個數組中），一行行的執行，從上往下

    6、delay()  延遲執行

    7、判斷元素是否處於動畫狀態 ：is(':animate')  ,返回true/false

    8、stop() 、finish()   停止運動
    stop() 默認：只停止當前的運動，並不會停止後續運動，
            加上一個參數（true）即停止全部，
            加上兩個參數（true，true）即當前運動的屬性停止到目標點，

    finish() 停止所有運動併到達目標點

    ****stop(true)阻止animate()重複執行