textillate.js 文字动画

textillate.js 文字动画

textillate.js是一款强大的文字插件,若配合animate.css、fittext、lettering一起使用，这样做出来的文字特效很完美。

在线实例

<div id="texts">Welcome To shouce</div>

$(function() { 
    $('#texts').fitText(3.2, {maxFontSize: 18}).textillate({initialDelay: 1000, in: {delay: 3, shuffle: true}}); 
})

参数	描述	默认值
selector	目标选择器	.texts
loop	是否循环	false
minDisplayTime	最小间隔时间	2000
initialDelay	初始化间隔时间	0
in	{ effect: 'fadeInLeftBig', delayScale: 1.5, delay: 50, sync: false, reverse: false, shuffle: false, callback: function () {} }	-
out	{ effect: 'hinge', delayScale: 1.5, delay: 50, sync: false, reverse: false, shuffle: false, callback: function () {} }	-
autoStart	自动开始	true
callback	回调函数 function () {}	-

注意：示例只是当前的内容，【下载】的是全部jQuery插件一起打包后的文件。