淡入（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);
})