zurück zu CSS3 Animation

Wie man dem Quellcode entnehmen kann, ist es nicht sehr kompliziert. Es gibt 2 Funktionen, die ich stopAni() und goAni() genannt habe. Die werden mit dem onClick() Event auf den beiden a Element aufgerufen. <a onClick="stopAni()">

In den Funktionen sieht man wie das Element mit der id kasten angesprochen wird und dessen Style Eigenschaft verändert wird. In Javascript werden die Eigenschaft anstatt mit Bindestrich mit Camelcase notiert. So wird aus animation-play-state in Javascript animationPlayState

Hier noch ein weiteres Beispiel mit einem Button

Siehe dazu auch in meinen Javascript Tipps das Thema dynamisches CSS

STOP GO