本文實例講述了jQuery中animate()方法用法。分享給大家供大家參考。具體分析如下：
此方法用於創建自定義動畫，並且能夠規定動畫執行時長、擦除效果。動畫完成后還可以地觸發一個回調函數。
animate()方法的使用:
方式一:
以“屬性名/值”對象的方式定義動畫終止樣式屬性。例如:
代碼如下:
$("div").animate( {width:"1000px"})
以上代碼能夠將div從原有的寬度調整到1000px。也可以一次性使用多組“屬性名/值”對象。例如:
代碼如下:
$("div").animate( {width:"1000px",fontSize:20})
以上代碼能夠將div從原有的寬度調整到1000px，從原有的字體大小調整到20px。需要特別注意以下三點:
1.如果尺寸沒有單位，那么默認單位是px。
2.屬性值需要用雙引號包裹，如果屬性值是數字的話可以省略。
3.類似font-szie或者background-color這樣的屬性需要去掉中間的中橫線，並且第二個單詞首字母要大寫。
animate()方法可以明確的規定動畫效果持續的時間，如果不規定則使用默認值normal。例如:
代碼如下:
$("div").animate( {width:"1000px",fontSize:20},2000)
以上代碼規定動畫效果在2000毫秒(2秒)后完成。
在動畫執行完成后可以調用回調函數。例如:
代碼如下:
$("div").animate( {width:"1000px"},5000,function(){alert("調整完成")})
以上代碼能夠在動畫完成以后觸發回調函數，於是彈出一個提示框。