淡入（fadeIn）和淡出（fadeOut）

淡入（fadeIn）和淡出（fadeOut）

fadeIn 淡入，將隱藏的樣式通過改變其透明度讓他顯示出來

$("#btnFadeIn").click(function(){
    $("#div1").fadeIn(2000);
})

 

fadeOut淡出，將顯示的樣式通過改變其透明度讓他隱藏出來

$("#btnFadeOut").click(function(){
    $("#div1").fadeOut(2000);
})

 

淡入有淡出，點擊一下淡入，點擊一下又淡出

$("#btnToggle").click(function(){
    $("#div1").fadeToggle(2000);
})

fadeTo固定的透明度，設置透明度的值，達到那個值就停止變化
$("#btnDadeTo").click(function(){
    $("#div1").fadeTo(2000,0.5);
})