jQuery Animation是一種JavaScript庫,它為網頁提供了交互性以及動態性。它能夠改變元素的起始位置、顏色、大小、透明度等等,這些改變能夠通過動畫效果展現出來,從而使網頁更加的具有吸引力。
$(selector).animate({params},speed,callback);
jQuery的animate()函數是用于實現動畫效果的,它可以設置屬性的值以及動畫持續時間,當動畫結束后會再調用一個回調函數。其中selector用于指定要加動畫效果的元素,params參數是一個對象,可以設置動畫的屬性和參數,speed參數可以控制動畫的持續時間,callback參數是一個回調函數,用于在動畫結束后執行。
$(selector).stop(stopAll,goToEnd);
當網頁發生多個動畫時,stop()函數可以讓它們停止。其中selector用于指定要停止動畫效果的元素,stopAll參數可以用來控制是否停止所有動畫效果,goToEnd參數可以控制動畫停止時元素是否到達終止位置。
$(selector).fadeIn(speed,callback); $(selector).fadeOut(speed,callback); $(selector).fadeToggle(speed,callback);
jQuery提供了三個常用的淡入淡出動畫函數,用于改變元素的透明度。其中selector用于指定元素,speed參數用于指定動畫持續時間,callback參數用于在動畫結束后執行。fadeIn()函數用于使元素淡入,fadeOut()函數用于使元素淡出,fadeToggle()函數可以根據元素當前的狀態執行淡入淡出效果。
jQuery Animation為網頁添加了更加豐富的動態效果,它能夠為網頁添加很多的交互性以及美觀性。在使用jQuery Animation時,我們要根據具體情況選擇相應的函數以及參數,并且在動畫執行結束后一定要執行回調函數,以便于對網頁的后續操作。
上一篇兩個div的間距css
下一篇jquery app導航