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]);
简单了解下功能图:
