JavaScript是一門強大的編程語言，它可以與HTML和CSS一起使用，提供了動態交互的功能。其事件可以觸發呈現在HTML頁面上的CSS3動畫，給網頁帶來更多的交互性和視覺效果。

/* css動畫的樣式 */
@keyframes fade {
/* 0% 和 100% 分別代表動畫的開始和結束狀態 */
0% { opacity: 0; }
100% { opacity: 1; }
}
/* 元素的初始樣式 */
#myElement {
opacity: 0;
}
/* js觸發動畫 */
document.getElementById("myElement").addEventListener("click", function() {
this.style.animation = "fade 1s forwards";
});

在上面的代碼中，我們定義了一個名為fade的CSS3動畫，它的樣式在0%和100%時分別使元素的不透明度為0和1。 初始時，我們將元素的不透明度設置為0，即完全透明。 然后，我們使用JavaScript中的addEventListener()函數，監聽鼠標單擊事件（click）。 當此元素被點擊時，我們在其中的函數中將其animation屬性設置為“fade 1s forwards”，表示在1秒的時間內將動畫播放一次并保留最后一個狀態。

這里只是一個簡單的例子，我們還可以使用更多的CSS3動畫特性，例如旋轉、縮放、移動等，以及更多事件，如滾動、鼠標移到元素上等。通過使用JavaScript觸發CSS3動畫，我們可以使網頁動態化，吸引更多的用戶注意力。