scss文件定义变量 js中更改$textColor 变量的值 都是获取DOM 通过DOM分别修改当前DOM样式属性值、当前DOM整体css样式、修改当前DOM的className类名、将link引入的标签作为DOM 修改link的href，从而修改引用的样式表。
坚守“ 做人真诚 · 做事靠谱 · 口碑至上 · 高效敬业 ”的价值观，专业网站建设服务10余年为成都成都加固小微创业公司专业提供成都企业网站建设营销网站建设商城网站建设手机网站建设小程序网站建设网站改版，从内容策划、视觉设计、底层架构、网页布局、功能开发迭代于一体的高端网站建设服务。
既然你都用了byClassName，说明他们都有同一个类名，你直接再css里面改这个类名的样式就行了。你要用js修改，你修改的是内联样式，那你只有每一个用for循环来修改。
我估么着缺点就是吃饱了撑的，没事就别用js设置CSS，还有啊一般来说，修改少量CSS可以直接修改就是document.getElementById(id).style.color=#f00大量修改是改变元素的class名称来实现的。
三：通过css动画属性进行编码出这些形态。如果是复杂的，用css配合js编写出来即可。
然后，js在切屏后，用Js来触发这一个样式，这个样式调用了刚才定义的动画。
引入jquery 然后给你要设置动画的对象增加或者删除css3动画的类就可以了。
通过按钮的click事件反复触发一个元素的css3动画，点击一次，动画效果就跑一次。
这里的data-delay带有个参数，my.js里的函数就是读取这里的数值。而class里animation就是对应css文件里的.animation了，如果你连原理还是搞不清楚，建议你别在这上面纠结了，先补一下css3的animation。
transition不可以infinite loop，只有aniamtion才可以。
下面说一下制作动画的步骤：一：自己要清楚自己所要做的动画的一个整体形态，首先就是要建模二：拆分动画形态，就是每帧的形态，或者是一个时长动画的开始和结束形态，中间过程的变化形态。
可以使用CSS中的animation属性和@keyframes规则来实现图片自上而下落下来的动画效果。
在 CSS 中为门添加打开的样式。例如，可以使用 transform 属性来旋转门：.door {transform： rotate(90deg)；} 为灯笼添加动画样式。可以使用 CSS 的 animation 属性来实现动画效果。