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>
                

Input表单输入文字动画特效

HTML结构

可以在<input>元素或<textarea>元素中制作输入文字动画效果。

<input type='text' >
<textarea></textarea>
                
初始化插件

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

$(':input').fancyInput();              
                

Fancy Input输入文字动画特效插件插件的github地址为:https://github.com/yairEO/fancyInput