做网站|网站建设，就上易助科技网

您现在的位置:

技术文档详情

JQuery文字动画插件：textillate

来源：易助科技网浏览量：6收藏

简介

Textillate.js 是一款 jQuery 文字动画插件，可用于创建 CSS3 实现的文字动画特效，基于 Animate.css 和 Lettering.js 实现。使用 Textillate.js 你可以轻松创建你想要的动画文字效果，提供的效果有：闪现、反弹、震动、摇摆和翻转等。

参数说明：

参数	描述	默认值
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 () {}

使用

1. 引入文件

<link href="assets/animate.css" rel="stylesheet">
<script src="http://libs.useso.com/js/jquery/1.9.0/jquery.min.js"></script>
<script src="assets/lettering.js"></script><script src="assets/textillate.js"></script>

2. HTML

<h1 class="tlt">My Title</h1>

3. 调用

$(function () {
    $('.tlt').textillate();
})

做网站|网站建设，就上易助科技网

前端技术文档及相关资料下载

关于前端html、css、js等技术上的各种疑难棘手问题的解决方案探讨及相关资料下载！

简介

使用

1. 引入文件

2. HTML

3. 调用

相关链接