jQuery中的animate()函數(shù)可以通過改變元素的透明度來實現(xiàn)動畫效果。透明度的值從0到1之間,其中0代表完全透明,1代表完全不透明。
$('selector').animate({opacity: 0.5}, 1000);
上面的代碼表示選擇器選中元素后,將元素的透明度從當前值變?yōu)?.5,動畫持續(xù)1秒鐘。
$('selector').animate({opacity: 'toggle'}, 1000);
上面的代碼表示選擇器選中元素后,將元素的透明度從當前值切換為相反的值(如果是0則變?yōu)?,如果是1則變?yōu)?),動畫持續(xù)1秒鐘。
$('selector').animate({opacity: '+=0.1'}, 1000);
上面的代碼表示選擇器選中元素后,將元素的透明度增加0.1,動畫持續(xù)1秒鐘。
除此之外,你還可以為animate()函數(shù)傳遞多個參數(shù),來實現(xiàn)更加豐富的動畫效果。例如:
$('selector').animate({ opacity: 0.5, width: '50%', height: '50%' }, 1000);
上面的代碼表示選擇器選中元素后,將元素的透明度變?yōu)?.5,同時將元素的寬度和高度分別縮小為原先的一半,動畫持續(xù)1秒鐘。