placeholderTypewriter.js 是一款可以在输入框中生成打字动画效果文本占位符的 jQuery 插件。该插件使用简单,可以以占位符的方式,按顺序反复在输入框中显示指定的文本。
使用方法
在页面中引入 jquery 和 placeholderTypewriter.js 文件。
<script src="js/jquery.min.js"></script>
<script src="js/placeholderTypewriter.js"></script>
该插件可以为任意的域制作占位符动画效果。
<input type="text" name="search" id="search">
在页面 DOM 元素加载完毕之后,可以通过 placeholderTypewriter()方法来初始化该插件。
//要显示的文本
var placeholderText = [
"Where would you like to go?",
"Amsterdam?",
"Paris?",
"Berlin?",
"London?",
"New York?",
"San Francisco?"
];
//初始化插件
$('#search').placeholderTypewriter({text: placeholderText});
placeholderTypewriter.js 插件的可用配置参数有:
参数 | 默认值 | 描述 |
delay | 50ms | 打字的速度。 |
pause | 1000ms | 句子与句子之间的延迟时间。 |
text | 无 | 一个数组,每个项都是要显示的文本。 |
Github 地址:https://github.com/bdiekert/jquery-placeholder-typewriter
演示地址 | 下载地址 |
专业提供WordPress主题安装、深度汉化、加速优化等各类网站建设服务,详询在线客服!