触发CSS动画的最简单方法是 -如何使用纯Javascript执行此操作,您可以在此处阅读:
如果您确实使用jQuery(在基本用法上应该很容易学习),则只需使用addClass
/即可removeClass
。
然后,您要做的就是设置到给定元素的过渡,如下所示:
.el {
width:10px;
transition: all 2s;
}
然后,如果元素具有类,则更改其状态:
.el.addedclass {
width:20px;
}
注意:此示例带有过渡。但是对于动画来说是相同的:只需将动画添加到具有类的元素上。