本文實(shí)例講述了jQuery中animate()方法用法。分享給大家供大家參考。具體分析如下：

此方法用于創(chuàng)建自定義動(dòng)畫(huà)，并且能夠規(guī)定動(dòng)畫(huà)執(zhí)行時(shí)長(zhǎng)、擦除效果。動(dòng)畫(huà)完成后還可以地觸發(fā)一個(gè)回調(diào)函數(shù)。

animate()方法的使用:

方式一:

以“屬性名/值”對(duì)象的方式定義動(dòng)畫(huà)終止樣式屬性。例如:?

代碼如下:

$("div").animate( {width:"1000px"})

以上代碼能夠?qū)iv從原有的寬度調(diào)整到1000px。也可以一次性使用多組“屬性名/值”對(duì)象。例如:?

代碼如下:

$("div").animate( {width:"1000px",fontSize:20})

以上代碼能夠?qū)iv從原有的寬度調(diào)整到1000px，從原有的字體大小調(diào)整到20px。需要特別注意以下三點(diǎn):

1.如果尺寸沒(méi)有單位，那么默認(rèn)單位是px。

2.屬性值需要用雙引號(hào)包裹，如果屬性值是數(shù)字的話可以省略。

3.類似font-szie或者background-color這樣的屬性需要去掉中間的中橫線，并且第二個(gè)單詞首字母要大寫(xiě)。

animate()方法可以明確的規(guī)定動(dòng)畫(huà)效果持續(xù)的時(shí)間，如果不規(guī)定則使用默認(rèn)值normal。例如:

代碼如下:

$("div").animate( {width:"1000px",fontSize:20},2000)

以上代碼規(guī)定動(dòng)畫(huà)效果在2000毫秒(2秒)后完成。

在動(dòng)畫(huà)執(zhí)行完成后可以調(diào)用回調(diào)函數(shù)。例如:?

代碼如下:

$("div").animate( {width:"1000px"},5000,function(){alert("調(diào)整完成")})

以上代碼能夠在動(dòng)畫(huà)完成以后觸發(fā)回調(diào)函數(shù)，于是彈出一個(gè)提示框。