Javascript 更改暂停的动画'；单击链接，将播放状态设置为正在运行

使用CSS和Javascript（最好不要使用jQuery，因为我也不了解），如何设置CSS动画，使其从暂停状态变为播放状态，当用户单击文本链接（href）而不是按钮时触发？

这非常简单。只需先将

动画播放状态

设置为

暂停

，然后添加一个类，在单击锚链接时将

动画播放状态

设置为

运行

向事件处理程序添加一个

returnfalse

，以防止锚的默认操作发生

window.onload=function（）{
var els=document.getElementsByClassName（“播放链接”）；
对于（变量i=0；i

div{
动画：摇动1s无限；
动画播放状态：暂停；
边框：1px实心；
宽度：200px；
高度：100px；
}
@关键帧抖动{
从{
转换：translateX（0px）；
}
到{
转换：translateX（200px）；
}
}
div.play{
动画播放状态：运行；
}

一些文本
一些文本

Thank you works perfect-我如何修改它，使显示为“Play”的a标记为div one运行动画，而带有单独a标记的类似脚本为div II运行相同的动画（换句话说，两个独立链接为各自的动画启动Play）。我需要把它作为一个独立的函数添加吗？@Darren:我已经用这个方法更新了答案。基本上，您必须遍历所有链接元素（我是基于类进行的），并将事件处理程序分配给它们。在事件处理程序中，我们必须找到与单击的链接对应的

div

，然后切换/添加触发动画的类。