jquery波浪文字动画特效插件-Html5圈

可以通过npm来安装该插件。

npm install textbanner  

在页面中引入jquery和textbanner.js文件。

<script src="path/to/jquery.min.js" type="text/javascript"></script>
<script src="path/to/textbanner.js" type="text/javascript"></script>

可以是标题文字，段落文字，或将文字放置在一个容器中。例如：

<div id='textbanner'>Hello World!</div>
<h1 id='textbanner'>Hello World!></div>
<p id='textbanner'>Hello World!</div>

在页面加载完毕之后，通过下面的方法来初始化该插件。

$('#textbanner').textbanner();

标签：html

HTML5网站定制更优秀更专业

参数	默认值	描述
cycles	infinity	无限循环动画。如果要控制次数，在该参数中填入相应的数值。例如2表示动画2次。
growth	120%	文字动画时每个字的峰值比例。120%表示当前动画的文字大小为原文字的1.2倍。
speed	100	单位毫秒。表示文字动画的速度。也可以使用关键字：”slow”, “intermediate”, “fast”。