SplitText.min.js会将一段字符串不管是字母还是中文,会按照需求分割并用div包裹着。
SplitText.min.js是动画库GSAP提供的一款插件,但是它可以独立使用,并且还是收费的!!
代码:
var split = new SplitText("#yourElementID", //选择器 { type:"chars,words,lines", //以单个字母分割,以单词分割,以行分割 position:'absolute', charsClass:'aa++', //批量添加class,如aa1,aa2,aa3,... linesClass:'line++', wordsClass:'word++' });
选择器:
var yourElement = document.getElementById("yourID"); var split = new SplitText(yourElement); //原生DOM方式 var split = new SplitText("#yourID"); //模仿jquery var split = new SplitText( $(".yourClass") ); //利用jquery获取 var split = new SplitText([element1, element2, element3]);
简单了解下功能图:
