1. 程式人生 > >【jQuery】呼叫animate()方法制作移動位置的動畫

【jQuery】呼叫animate()方法制作移動位置的動畫

呼叫animate()方法不僅可以製作簡單漸漸變大的動畫效果,而且還能製作移動位置的動畫,在移動位置之前,必須將被移元素的“position”屬性值設為“absolute”或“relative”,否則,該元素移動不了。

例如,呼叫animate()方法先將圖片向右移動90px,然後,再將圖片寬度與高度分別增加30px,如下圖所示:

在瀏覽器中顯示的效果:

從圖中可以看出,圖片先向右移動了“90px”,然後,移動成功後,再在原來的基礎之上以動畫的效果增大30px,增加成功後,顯示“執行完成!”的字樣。