jQuery

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

November 26, 2016
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