jquery波浪文字动画特效插件
源码介绍
textbanner是一款jquery波浪文字动画特效插件。该jquery波浪文字动画插件可以将标题文字和容器中的文字,以波浪的方式进行动画。它还提供参数来控制文字动画的速度等。 可以通过npm来安装该插件。 在页面中引入jquery和textbanner.js文件。 可以是标题文字,段落文字,或将文字放置在一个容器中。例如: 在页面加载完毕之后,通过下面的方法来初始化该插件。 textbanner波浪文字动画插件的github地址为:https://github.com/michaeldfaber/textbanner简要教程
安装
npm install textbanner
使用方法
<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();
配置参数
参数
默认值
描述
cycles
infinity
无限循环动画。如果要控制次数,在该参数中填入相应的数值。例如2表示动画2次。
growth
120%
文字动画时每个字的峰值比例。120%表示当前动画的文字大小为原文字的1.2倍。
speed
100
单位毫秒。表示文字动画的速度。也可以使用关键字:"slow", "intermediate", "fast"。
本站资源均来自互联网,仅供研究学习,禁止违法使用和商用,产生法律纠纷本站概不负责!如果侵犯了您的权益请与我们联系!
转载请注明出处: 免费源码网-免费的源码资源网站 » jquery波浪文字动画特效插件
发表评论 取消回复