建站资源下载详情
为您免费提供多种建站资源下载,包括网站模板下载、前端插件下载和字体下载!您只需注册为会员即可任意下载!

JQuery文字动画插件:textillate

来源:易助科技网浏览量:14收藏

简介


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();
})



相关链接


官网地址:http://textillate.js.org/

GitHub 地址 :https://github.com/jschr/textillate