动画库GSAP 字符串处理插件SplitText.min.js

2016-6-2    分类: 前端资源,动画库GSAP

SplitText.min.js会将一段字符串不管是字母还是中文,会按照需求分割并用div包裹着。

SplitText.min.js是动画库GSAP提供的一款插件,但是它可以独立使用,并且还是收费的!!

破解版SplitText.min.js下载

 

代码:

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]);

 

简单了解下功能图:

splittext