动画库GSAP 文本替换动画TextPlugin.min.js

2016-6-2    分类: 动画库GSAP

textplugin_thumb

代码风格

TweenLite.to('#box1', 2, {
  text:{
    value:"This is the new text",  //要显示的文本
    delimiter:" ", //以空格为单位,一个单词显示,而不是一个字母逐步显示
    padSpace:true, //新文本比旧文本过短时吗,建议开启
    newClass:"class2", //新文本容器的class名
    oldClass:"class1"  //旧文本容器的class名
  },
 ease:Linear.easeNone //速度效果
});

演示效果:https://www.xgllseo.com/wp-content/uploads/2016/06/TextPlugin/1.html