javascript - greensock 为元素一一添加类

Question

我想在 HTML 元素上一一添加类。

TweenMax.staggerTo(".some-class-name", 0.5, { className: "+=animation-class" }, 0.5);

我有这个代码，但它不起作用。更准确地说，它可以工作，但它不会一一添加 className。

怎样才能达到这样的效果codepen但是用className？

Answer 1

您有一个有效的查询，并且您只想向元素添加一个新类。可以使用 TweenMax 或 TweenLite 来完成。

TweenMax

TweenLite.to(element, 0.5, {css:{className:'+=newclass'}});

或

TweenMax.to(element, 0.5, {css:{className:'+=newclass'}});

或

TweenMax.staggerTo(element, 0.5, {css:{className:'+=newclass'}});

您可以创建一个 forloop，然后传递该类，或者执行一个 foreach 并添加此类，如下所示。

有关更多信息，请查看此链接:

https://greensock.com/forums/topic/6376-using-greensock-to-change-classes-without-tweening-styles/