主要给大家介绍了利用JS如何实现文字的聚合动画效果，实现的效果非常不错，类似粒子动画的效果，有需要的朋友可以参考借鉴，下面来一起看看吧。

前言 所谓文字聚合效果，原理就是将容器分为若干的小块，然后每个小块设置 background-poisition ，最后添加css3动画就可以了，去掉注释，也就仅仅20行的代码。 先来看看效果图： js代码如下： //c为列数，r为行数，把box划分成多少个小块 var box = document.querySelector('.boxWrap1'),c=4,r=8; //每个小块的宽高 var w = box.offsetWidth/c,h = box.offsetHeight/r;