HTML5中国

 找回密码
 立即注册

QQ登录

只需一步,快速开始

HTML5中国 首页 资源下载 开发工具 查看内容

jquery波浪文字动画特效插件

2017-1-19 15:21| 发布者: admin| 查看: 1000| 评论: 0

摘要: 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();  

 配置参数

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

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

   

鲜花

握手

雷人

路过

鸡蛋

最新评论

HTML5中国微信

小黑屋|关于我们|HTML5论坛|友情链接|手机版|HTML5中国 ( 京ICP备11006447号 京公网安备:11010802018489号  

GMT+8, 2017-3-25 00:14

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

返回顶部