textbanner 是一款 jquery 波浪文字动画特效插件。该 jquery 波浪文字动画插件可以将标题文字和容器中的文字,以波浪的方式进行动画。它还提供参数来控制文字动画的速度等。
在页面中引入 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();
参数 | 默认值 | 描述 |
cycles | infinity | 无限循环动画。如果要控制次数,在该参数中填入相应的数值。例如 2 表示动画 2 次。 |
growth | 120% | 文字动画时每个字的峰值比例。120%表示当前动画的文字大小为原文字的 1.2 倍。 |
speed | 100 | 单位毫秒。表示文字动画的速度。也可以使用关键字:"slow", "intermediate", "fast"。 |
textbanner 波浪文字动画插件的 github 地址为:https://github.com/michaeldfaber/textbanner
演示地址 | 下载地址 |
专业提供WordPress主题安装、深度汉化、加速优化等各类网站建设服务,详询在线客服!