jQueryTween

JavaScript

軽量で軽快なアニメーションをするjQueryプラグイン「jQueryTween」

jQueryTweenは軽量で軽快なアニメーションを実装することができるjQueryプラグインです。とてもダイナミックな動きをするので、注目させたい要素や目を惹きたい場合に活用するとよさそうですね。

jQueryTween

デモ

基本的な使い方はこんな感じでとてもシンプルです。

$('.selector').jQueryTween(options,callback,special);

オプションや終了時のコールバック、または動作中のコールバックなどを指定することができます。

他にもオブジェクトのサイズやカラーを変化させるアニメーションや移動、回転、スケール、背景位置の変化などなど様々な種類のアニメーションがあります。

jQueryTween

socialShare.jsスタイリングされたソーシャルシェアボタンを実装できるjQueryプラグイン「socialShare.js」前のページ

背景画像を滑らかにスライドさせるjQueryプラグイン「Wipe Slider」次のページWipe Slider

関連記事

  1. JavaScript

    画像にマウスオーバーするとズームして綺麗にエフェクトがかかるjQueryプラグイン「Swish」

    画像にマウスオーバーをするとズームして綺麗なオーバーレイのエフェクトが…

  2. Switch

    JavaScript

    iOSスタイルのシンプルなチェックボックスを実装できる「Switch」

    Switchは、シンプルでパワフルなiOSスタイルのチェックボックスを…

  3. Rebox

    JavaScript

    レスポンシブ対応の軽量なLightbox風jQueryプラグイン「Rebox」

    ReboxというjQueryプラグインを使えば、レスポンシブに対応した…

  4. anchor.js

    JavaScript

    ページ内リンクをスムーズにスクロール移動できるjQueryプラグイン「anchor.js」

    anchor.jsはページ内リンクをスムーズなスクロールで移動すること…

  5. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryでパターン化されたクラス名をループで1つずつ取り出して処理する

    どうでもいい内容なんですがちょっとやりたかったのでメモです。jQuer…

  6. JavaScript

    フルスクリーンで画像などの要素を表示させることができるJSライブラリ「screenfull.js」

    screenfull.jsは画像などの要素をフルスクリーンで表示させる…

最近の記事

  1. EOS RP
  2. COMOLI シルクネルジャケット シルクネルドローストリングパンツ
  3. スターバックス ハシエンダ アルサシア
  4. イングリッシュマフィン

アーカイブ

PAGE TOP