文本/链接

jquery波浪文字动画特效插件

阿里云


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

使用方法:

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

也想出现在这里?联系我们
创客主机
  1. <script src="path/to/jquery.min.js" type="text/javascript"></script>
  2. <script src="path/to/textbanner.js" type="text/javascript"></script>

HTML 结构:

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

  1. <div id='textbanner'>Hello World!</div>
  2. <h1 id='textbanner'>Hello World!></div>
  3. <p id='textbanner'>Hello World!</div>

初始化插件:

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

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

配置参数:

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

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

jquery 波浪文字动画特效插件

已有 393 人购买
查看演示升级 VIP立刻购买

演示地址 下载地址
收藏
(0)

发表回复

热销模板

Ashade - 作品展示摄影相册WordPress汉化主题
LensNews

本站承接 WordPress / PbootCMS / DedeCMS 等
系统建站、仿站、开发、定制等业务!