Textbanner是一个用于复古文本横幅动画的jQuery插件,它能够在无限循环和自定义动画速度的支持下逐个角色地动画化文本。非常适合创建引人注目的标题文本。
# NPM $ npm install textbanner --save
1.插入jQuery JavaScript库和jQuery TextBanner插件的脚本文本横幅.js
在文档中。
<script src="//code.jquery.com/jquery.min.js"></script> <script src="textbanner.js"></script>
2.只需调用目标文本容器上的函数即可。
<h1 id="textbanner">Hello World!</h1>
$('#textbanner').textbanner();
3.设置增长和步长值(以父元素字体大小的百分比表示)。
//defaults to 120% var growth = 120;
4.设置循环次数。
// defaults to infinite loop var cycles = -1;
5.以毫秒为单位设置动画速度。
// defaults to 100ms var speed = 100;
2022-01-23