プレースホルダにユニークなアニメーションを実装できるjQueryプラグイン「FoxHolder」!

2016/12/12

こんにちは。
今回はプレースホルダにユニークなアニメーションを実装できるjQueryプラグイン「FoxHolder」!です。

プレースホルダに15種類のおもしろいアニメーションエフェクトを実装できるjQueryプラグインを紹介します。

プレースホルダにユニークなアニメーションを実装できるjQueryプラグイン「FoxHolder」!

FoxHolder

foxholder

http://foxholder.fox-hover.co.uk/

 

jQueryプラグイン「FoxHolder」をダウンロードしてみよう!

http://foxholder.fox-hover.co.uk/#get-it-nowにアクセスし、「Download Files」のボタンをクリックしてダウンロードします。

 

jQueryプラグイン「FoxHolder」を設置してみよう!

foxholder-styles.cssをhead内に読み込みます。

 

jQuery本体とfoxholder.jsを/bodyの手前に読み込みます。

 

その下に下記のスクリプトを記述します。
htmlで付けるクラス名を指定しますよ。
また、どのアニメーションを実装するかを1〜15の中で指定します。

 

html部分を記述します。
先ほど指定したクラス名を付けますよ。

 

確かな力が身につくJavaScript「超」入門 (確かな力が身につく「超」入門シリーズ)
確かな力が身につくJavaScript「超」入門 (確かな力が身につく「超」入門シリーズ)

 

いかがでしたか。様々な動きがあっておもしろいですね。
以上でプレースホルダにユニークなアニメーションを実装できるjQueryプラグイン「FoxHolder」!でした。

Related Post

topへ戻る