no-image

JavaScript

シンプルで軽量なスクロールアニメーション実装「animateMePlz」

animateMePlzはシンプルで軽量なスクロールアニメーションを実装できるjQueryプラグインです。0.8KBと超軽量ながらもカスタマイズもできる仕様がうれしいですね。使い方も簡単なので手軽に実装できるはず。

animateMePlz

デモ

デモページでは下へスクロールしていくと、各セクションごとにセクションの背景の色が変化します。緑、青、オレンジ……など、スクロールしていくことでいろんな色に切り替わっていく様子がおもしろいですね。スクロールに合わせて、このように何かのアニメーションを加えたい場合にはピッタリのjQueryプラグインといえます。

また、オプションには、threshold、animationStyle、repeat、animationDelayといった項目が用意されています。各オプションのデフォルト値は、thresholdが20、animationStyleが’fadeIn’、repeatが’repeat’、animationDelayが’.25s’です。

ちなみにanimationStyleはanimate.cssを利用できるので、かなり豊富なアニメーションの種類の中から選べます。

animateMePlz

関連記事

  1. Dropit

    JavaScript

    シンプルでフレキシブルなドロップダウンメニュー「Dropit」

    Dropitはシンプルでフレキシブルなドロップダウンメニューを実装でき…

  2. Tosrus

    JavaScript

    スマホやタブレットにも対応するLightbox風のjQueryプラグイン「Tosrus」

    TosrusというjQueryプラグインを使えば、スワイプやスクロール…

  3. jQuery Navobile
  4. SMINT

    JavaScript

    1ページだけのWebサイトに最適なスクロール移動できるナビゲーションを実装できるjQueryプラグイ…

    1ページだけのWebサイトを作る際にとても役立ちそうですね。ナビゲーシ…

  5. jQuery Tooltip Basic

    JavaScript

    カスタマイズしやすいツールチップ実装「jQuery Tooltip Basic」

    jQuery Tooltip Basicは、カスタマイズしやすいツール…

最近の記事

  1. KMC-80BK
  2. 味噌ラーメン〜旨辛にんにく味噌〜
  3. STP-XH70
  4. 久保田城

Instagram始めました

Facebookページ

PAGE TOP