昨天寫作業想要實現通過點選觸發animation動畫的效果。想了很久發現可以用js修改css，不過我並沒有直接掌握keyframes裡的內容的技術（哭死）。所以我的解決思路是寫兩份css，乙份是初始狀態，乙份是觸發後需要顯示的效果，但在實際操作中發現直接替換css檔案後不知道為什麼動畫效果並不會實現，只能顯示動畫結束時的狀態。後面我改變了做法，直接修改css內容。
例項：html檔案
start
.pic1
/*動畫*/
.pic2
@-webkit-keyframes pic2
50%100%
}
function next()CSS和JS結合控制樣式
css控制樣式，毋庸置疑。但有時，僅靠css卻很難控制好，比如說，頁面在多種條件下進行不同的呈現 或者執行過程中，會發生變化，比如說，左側的選單欄收縮了，那麼右側的寬度就變大了。就拿這個元素的width height來說，頁面變了，預先設定的值就不合適 甚至乎，從一開始，你就不知道該預先設定什麼值，...
用JS控制CSS基本樣式
用js控制css基本樣式的方法 css code class1 html code aaa 2 aaa還可以用 document.stylesheets i href 可以知道當前頁面中引用的每個css的檔案！另 css屬性與j ascript編碼對照表 一定要注意，上次本人 何向陽，在使用js修改...
通過JS動態控制CSS偽元素
在做頁面的時候遇到這個問題的部分的原結構是引用ui框架vant的元件。我是想通過觸發js事件動態修改該元件裡偽元素的內容 因此收集了相關api和我最終的解決方案 insertrule方法 firefox safari opera和chrome都支援 mdn insertrule 該介面用來給當前樣式...