在網頁開發中，動畫效果是非常重要的一部分。而CSS動畫樣式可以為你的頁面添加非常出色的動畫效果，讓用戶在瀏覽網頁時更加愉悅。不過，在某些情況下，我們需要使用JavaScript來添加CSS動畫效果。下面將為大家介紹如何在JS中添加CSS動畫樣式。

要想在JS中添加CSS動畫樣式，我們首先需要獲取到需要添加動畫效果的元素，并使用JavaScript創建相應的動畫樣式。下面給出一個示例代碼：

var box = document.getElementById("box");
box.style.animation = "move 2s infinite linear";

上述代碼中，我們獲取了一個id為box的元素，并使用style對象為其添加了一段名為move的CSS動畫樣式。該樣式的動畫效果為線性地，不斷地向一個方向移動。

除了使用style對象為元素添加CSS動畫樣式外，我們還可以使用classList對象為元素添加CSS類。下面給出示例代碼：

var box = document.getElementById("box");
box.classList.add("animated", "bounceInDown");

上述代碼中，我們獲取到了一個id為box的元素，并使用classList對象為其添加了兩個CSS類：animated和bounceInDown。其中，animated類通過添加了一系列的CSS樣式，實現了動畫效果；而bounceInDown類則是指向animated類中的某個具體動畫效果的子類。

總的來說，在JS中添加CSS動畫樣式并不復雜。只需要獲取到元素，使用style對象或classList對象，為其添加相應的CSS動畫樣式即可。但需要注意的是，CSS動畫樣式的具體實現取決于你的CSS技能。好的CSS動畫樣式可以為網頁添加非常出色的動畫效果，讓用戶更享受瀏覽網頁的過程。