寫好動畫,但不在需要動畫的元素上綁定animation屬性,事件觸發的時候綁上,事件結束后再刪除掉,下次點擊就能重新綁上,重現動畫效果
CSS代碼:
寫好動畫效果(閃爍)
myFirst{ 0%{color:red;} 25%{color:yellow;} 50%{color:red;} 100%{color:yellow;} }
JS代碼:
$("觸發事件的標簽").oncllick = function(){
//給要啟用動畫的標簽綁定設置好的css動畫
$("要展示效果的標簽").style.animation = "myFirst"
//展示完成后,刪除綁定的動畫,以便可以下次觸發的時候可以再次顯示動畫效果
$("要展示效果的標簽").style.display; (或者刪除style)
}
