本文實例講述了jQuery中fadeOut()方法用法。分享給大家供大家參考。具體分析如下： 此方法透過不透明度的變化來實現所有匹配元素的淡出效果，並在動畫完成後可選地觸發一個回調函數。 fadeOut()方法的用法: 此方法可以規定動畫效果的持續時間。例如: 複製程式碼複製程式碼 程式碼如下:$("div").fadeOut(5000) $("div").fadeOut(5000) 以上程式碼規定div的淡出效果可在5000毫秒(5秒)內完成。 此方法也可以在動畫完成後觸發一個回呼函數。例如: 複製程式碼 程式碼如下: $("div").fadeOut(5000,function(){alert('動畫效果完成！ 以上程式碼能夠在動畫完成以後觸發回調函數，於是彈出一個提示框。 實例代碼: 複製程式碼 程式碼如下: fadeOut()函數-腳本家 <br /> div{<br /> background:#060;<br /> width:300px;<br /> height:300px;<br /> color:red<br /> }<br /> <br /> $(document).ready(function(){<br /> $("#up").click(function(){<br /> $("div").fadeOut(5000,function(){alert('動畫效果完成！')});<br /> })<br /> })<br /> 點選查看效果 以上程式碼點擊按鈕可以緩慢將div設定為透明效果，完全透明之後，然後指定回調函數。 希望本文所述對大家的jQuery程式設計有所幫助。
