让字符在打字时飞出 jQuery airChars

  • 源码大小:8.73KB
  • 所需积分:1积分
  • 源码编号:19JP-3452
  • 浏览次数:694次
  • 最后更新:2023年06月15日
  • 所属栏目:动画
我要下载
加入收藏
本站默认解压密码:19jp.com 或 19jp_com

简介

airChars是一个很小的jQuery插件,用于在文本字段中创建一个花哨的打字动画。它使字符在打字时飞出。每个字母将在输入字段上方逐渐消失。

参见:

  • 打字时文本字段中的字符动画-jQuery打字效果
  • 键入时为输入文本设置动画

如何使用它:

1.为花哨的输入字段编写HTML代码。

  1. <div class="input_wrap">
  2. <input type="text" placeholder="Please type" />
  3. <div class="after"></div>
  4. </div>

2.在jQuery之后加载airChars插件。

  1. <script src="/path/to/cdn/jquery.min.js"></script>
  2. <script src="/path/to/airchars.js"></script>

3.调用输入字段上的函数并完成。

  1. $(document).ready( function () {
  2. $("input").airChars( {
  3. // options
  4. });
  5. });

4.可用于自定义动画的选项。

  1. $(document).ready( function () {
  2. $("input").airChars( {
  3. duration: 1,
  4. upperLimit: 150,
  5. sizeInterval: [15, 80]
  6. });
  7. });

预览截图