Fancy Input是一款效果非常炫酷的Input表单输入文字动画特效jquery插件。它使用CSS3来制作动画特效,共提供了5种输入文字动画特效。
使用方法
在页面中引入fancyInput.css和jquery以及fancyInput.js文件。
<link href="path/to/css/fancyInput.css" rel="stylesheet"> <script src=""path/to/js/jquery.min.js"></script> <script src=""path/to/js/fancyInput.js"></script>
HTML结构
可以在<input>
元素或<textarea>
元素中制作输入文字动画效果。
<input type='text' > <textarea></textarea>
初始化插件
在页面DOM元素加载完毕之后,可以通过fancyInput()
方法来初始化该插件。
$(':input').fancyInput();
Fancy Input输入文字动画特效插件插件的github地址为:https://github.com/yairEO/fancyInput