复古动画标题文本 jQuery插件 文本横幅

  • 源码大小:8.03KB
  • 所需积分:1积分
  • 源码编号:19JP-3737
  • 浏览次数:770次
  • 最后更新:2023年07月17日
  • 所属栏目:动画
本站默认解压密码:19jp.com 或 19jp_com

简介

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

  • React中使用的修复程序

预览截图