Jquery是一款優秀的JavaScript庫,它提供了強大的選擇器及各種操作DOM元素的方法,并且還擁有常見的動畫效果。其中,類(class)動畫是其常用的動畫之一。
// 用法: $('.element').addClass('classname', duration, easing, complete); $('.element').removeClass('classname', duration, easing, complete); $('.element').toggleClass('classname', duration, easing, complete);
上述代碼中,`addClass()`方法可以給元素添加類名,在一段時間內產生類似于淡入淡出的效果。它的參數依次為:要添加的類名、動畫執行時間、緩動效果、動畫完成后執行的函數。
同樣地,`removeClass()`方法可以移除元素的類名。`toggleClass()`方法可以在元素有某一類名時,將其移除,否則將其添加。
需要注意的是,若要用這些方法實現復雜的動畫效果,需要寫多個方法來完成。另外,僅僅改變類名可能會影響元素的布局和樣式,建議使用CSS3動畫來實現更加靈活的效果。