Type-placeholder.js是一个轻量级的jQuery插件，它在文本字段中添加了一个动画的多语言占位符。

该插件获取一个字符串数组，并将它们转换为显示在输入字段中的文本旋转器，该旋转器通过打字机风格的打字动画在这些字符串之间自动切换。

参见：

• jQuery插件创建动画占位符-占位符打字机

如何使用它:

1.在jQuery之后下载并加载Type-placeholder.js插件。

<script src="/path/to/cdn/jquery.min.js"></script>
<script src="/path/to/js/type-placeholder.js"></script>

2.调用目标输入字段上的函数，并在JS数组中定义自己的占位符文本，如下所示：

<input type="text" id="demo"/>

$('#demo').typePlaceholder({
  keywords: ['Hello world!', '¡Hola Mundo!', 'Bonjour le monde!', '你好世界！'],
});

3.设置动画速度。默认值：100。

$('#demo').typePlaceholder({
  keywords: ['Hello world!', '¡Hola Mundo!', 'Bonjour le monde!', '你好世界！'],
  speed: 200,
});

4.设置切换到下一个字符串之前的等待时间。默认值：1000。

$('#demo').typePlaceholder({
  keywords: ['Hello world!', '¡Hola Mundo!', 'Bonjour le monde!', '你好世界！'],
  delay: 2000,
});

更新日志：

2023-03-03

• 更新和优化
• 重命名的函数和插件名称

预览截图

动画多语言占位符插件 jQuery Type Placeholder.js