本文實例講述了jQuery中animate()方法用法。分享給大家供大家參考。具體分析如下： 此方法用於創建自定義動畫，並且能夠規定動畫執行時長、擦除效果。動畫完成後還可以地觸發一個回調函數。 animate()方法的使用: 方式一: 以“屬性名/值”對象的方式定義動畫終止樣式屬性。例如: 代碼如下 ...
本文實例講述了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("調整完成")})
以上代碼能夠在動畫完成以後觸發回調函數，於是彈出一個提示框。
