textbanner是一款jquery波浪文字动画特效插件。该jquery波浪文字动画插件可以将标题文字和容器中的文字，以波浪的方式进行动画。它还提供参数来控制文字动画的速度等。

安装

可以通过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>
                

HTML结构

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

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

初始化插件

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

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

配置参数

textbanner波浪文字动画插件的github地址为：https://github.com/michaeldfaber/textbanner

在线预览    源码下载