jQuery是一種用于Web開發(fā)的JavaScript庫,它可以輕松地進(jìn)行DOM操作、事件處理、動畫效果、AJAX交互和各種瀏覽器特性檢測等操作。其中,動畫效果是jQuery特別擅長的一項(xiàng)功能。
使用jQuery 1動畫,可以輕松實(shí)現(xiàn)元素的移動、隱藏、顯示、透明度調(diào)整等動畫效果。以下是一些常見的jQuery 1動畫效果:
$(selector).hide(speed, callback); $(selector).show(speed, callback); $(selector).toggle(speed, callback); $(selector).fadeOut(speed, callback); $(selector).fadeIn(speed, callback); $(selector).fadeToggle(speed, callback); $(selector).slideToggle(speed, callback); $(selector).animate({styles},speed,callback);
可以看到,每個動畫效果都接受不同的參數(shù),最常用的就是speed和callback。
speed表示動畫執(zhí)行的速度,可以是以下幾種取值:
"slow": 慢速 "normal": 正常速度 "fast": 快速 或者 毫秒值
callback則是在動畫執(zhí)行完畢之后需要調(diào)用的函數(shù),這在很多時候非常有用。
除此之外,還可以使用easing函數(shù)庫對動畫進(jìn)行進(jìn)一步的調(diào)整,但這超出了本文的范圍。如需了解更多關(guān)于jQuery動畫的內(nèi)容,請參考jQuery官方文檔。
上一篇jquery 400
下一篇jquery $.拓展