表单/表格
Foxholder 表单占位符动画 jquery 插件
PetitQ
foxholder.js 是一款表单占位符 placeholder 动画 jquery 插件。该 placeholder 动画共有 15 种动画效果，它使用简单，兼容性好，值得推荐。foxholder.js 插件的特点还有：
可以执行平滑和性能优化的 CSS3 placeholder 动画
也想出现在这里？联系我们吧
15 种不同的 placeholder 动画特效
兼容 IE 9+, Safari 9+, FF, Opera, Chrome, Edge 等主流浏览器
使用方法
在页面中引入 foxholder-styles.css，jquery 和 foxholder.js 文件。
<link href="path/to/css/foxholder-styles.css" rel="stylesheet">
<script src='path/to/js/jquery.min.js'></script>
<script src='path/to/js/foxholder.js'></script>
HTML 结构
使用 foxholder.js 插件的 placeholder 占位符动画的基本 HTML 结构如下：
<div class="your-class">
<form>
<input id="your-id-1" type="text" placeholder="My Input" />
<textarea id="your-id-2" placeholder="My Textarea"></textarea>
<button type="submit">提交</button>
</form>
</div>
需要注意的是，提交按钮只能使用<button>按钮。
初始化插件
在页面 DOM 元素加载完毕之后，可以通过下面的方法来初始化该 placeholder 占位符动画插件。
jQuery('.your-class').foxholder({
demo: 1 //or other number of demo (1-15) you want to use
});
Github 地址：https://github.com/eisenfox/foxholder
| 演示地址 | 下载地址 |
专业提供WordPress主题安装、深度汉化、加速优化等各类网站建设服务，详询在线客服！
也想出现在这里？联系我们吧
