jQuery Plugin for Typing In Input with Amazing CSS3 Effects - Fancy Input

File Size: 19.4 KB
Views Total: 7781
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
jQuery Plugin for Typing In Input with Amazing CSS3 Effects - Fancy Input

Fancy Input is an amazing jQuery form plugin that adds fancy CSS3 effects to your input fields or textarea (v1.1.0+) when users typing in. Please check the Demo page before moving on.

Basic Usage:

1. Include jQuery library in your header

<script src='http://code.jquery.com/jquery-1.9.1.min.js'></script>

2. Include Fancy Input CSS

<link rel="stylesheet" href="fancyInput.css">

3. Markup

<div>
<input type="text" />
</div>

4. Include FancyInput.js and call the plugin

<script src='fancyInput.js'></script>
$('div > input').fancyInput();

Change Log:

v1.3.3 (2017-06-03)

  • Fixed: CTRL + A, Backspace/Delete = Broken

v1.3.0 (2013-10-02)

  • fixed a bug with the delete key

v1.3.0 (2013-10-02)

  • fixed a bug with the delete key
  • Turn off events on init

v1.1.0 (2013-02-24)

  • tons of bug fixes
  • added support for textarea

This awesome jQuery plugin is developed by yairEO. For more Advanced Usages, please check the demo page or visit the official website.