JavaScript常常被用來給網(wǎng)頁添加動(dòng)畫效果，通過JavaScript代碼設(shè)置CSS動(dòng)畫是實(shí)現(xiàn)網(wǎng)頁動(dòng)畫的一種常見方法。

要設(shè)置CSS動(dòng)畫，首先要在CSS樣式表中定義一個(gè)動(dòng)畫，例如：

/* 定義一個(gè)跳躍動(dòng)畫 */
@keyframes jump {
0% { transform: translateY(0); }
50% { transform: translateY(-50px); }
100% { transform: translateY(0); }
}
/* 定義一個(gè)元素的樣式 */
.box {
transform-origin: bottom center;
}

這里定義了一個(gè)名為“jump”的動(dòng)畫，從元素原始位置向上50個(gè)像素跳躍再回到原來位置。同時(shí)，定義了一個(gè)名為“box”的樣式，設(shè)置了元素的變換中心為底部中心。

接下來，在JavaScript中獲取該元素，并設(shè)置其動(dòng)畫屬性：

var box = document.querySelector('.box');
box.style.animationName = 'jump';
box.style.animationDuration = '1s';
box.style.animationIterationCount = 'infinite';

以上代碼獲取class為“box”的元素，并使用style屬性設(shè)置了元素的動(dòng)畫名、持續(xù)時(shí)間和動(dòng)畫次數(shù)。

通過JavaScript設(shè)置CSS動(dòng)畫，可以實(shí)現(xiàn)更為靈活、動(dòng)態(tài)的網(wǎng)頁動(dòng)畫效果，為網(wǎng)頁制作增色不少。