【jQuery】15種類のユニークなプレースホルダフォームアニメーションFoxholder

Foxholderは15種類のユニークなプレースホルダフォームアニメーション。

basic HTML markup

<div class="your-class">
<form>
.... your inputs and textareas and your submit button (use only <button> tag for it)
</form>
</div>
<div class="your-class">
<input id="your-id-1" type="text" placeholder="My Input" />
<textarea id="your-id-2" placeholder="My Textarea"></textarea>
<button type="submit">Submit</button>
</div>

foxholder-styles.css

<link rel="stylesheet" href="css/foxholder-styles.css" />

JS

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="scripts/foxholder.js"></script>

script

jQuery('.your-class').foxholder({
demo: 1 //or other number of demo (1-15) you want to use
});

MIT

 
Foxholder

【jQuery】15種類のユニークなプレースホルダフォームアニメーションFoxholder

  • LATEST
  • RELATED
  • POPULAR