表单/表格

打字动画文本占位符特效jQuery插件

阿里云


placeholderTypewriter.js 是一款可以在输入框中生成打字动画效果文本占位符的 jQuery 插件。该插件使用简单,可以以占位符的方式,按顺序反复在输入框中显示指定的文本。

  1. 使用方法
也想出现在这里?联系我们
创客主机

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

  1. <script src="js/jquery.min.js"></script>
  2. <script src="js/placeholderTypewriter.js"></script>

HTML 结构

该插件可以为任意的域制作占位符动画效果。

  1. <input type="text" name="search" id="search">

初始化插件

在页面 DOM 元素加载完毕之后,可以通过 placeholderTypewriter()方法来初始化该插件。

  1. //要显示的文本
  2. var placeholderText = [
  3.     "Where would you like to go?",
  4.     "Amsterdam?", 
  5.     "Paris?", 
  6.     "Berlin?", 
  7.     "London?", 
  8.     "New York?", 
  9.     "San Francisco?"
  10.   ];
  11. //初始化插件
  12. $('#search').placeholderTypewriter({text: placeholderText});

配置参数

placeholderTypewriter.js 插件的可用配置参数有:

参数 默认值 描述
delay 50ms 打字的速度。
pause 1000ms 句子与句子之间的延迟时间。
text 一个数组,每个项都是要显示的文本。

Github 地址:https://github.com/bdiekert/jquery-placeholder-typewriter

打字动画文本占位符特效 jQuery 插件

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

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

发表回复

热销模板

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

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