no-image

JavaScript

オシャレなスクロールエフェクトを実装できる「jQuery Smoove」

jQuery Smooveは、オシャレなスクロールエフェクトを実装することができるjQueryプラグインです。CSS3を使用しているとのこと。ページを下へスクロールした時にコンテンツをエフェクト付きで表示させたい場合に活用したくなりますね。

jQuery Smoove

ABE Media

上記のサイトではページを下へスクロールしていくと、コンテンツがエフェクト付きで表示されます。フェードでフワッと表示されたり、下から起き上がってくるようなエフェクトで表示されたりと、どれもさりげない感じのエフェクトでとてもカッコイイですね。

エフェクトがあることでコンテンツがただ表示されるよりも、よりユーザーに注目してもらえそうですね。サイト全体もどこか優雅な印象になるかと思います。

使い方もシンプルでわかりやすく、またオプションもいろいろあるのでカスタマイズして使いたい人にもピッタリです。

主なオプションは、min_width、min_height、offset、opacity、perspective、transformOrigin、skewY、move、move3d、moveX、moveY、moveZ、rotate、rotate3d、rotateX、rotateY、rotateZ、scale、scale3d、scaleX、scaleY、skew、skewX、skewYです。

というわけで、オシャレなスクロールエフェクトでスムーズにコンテンツを表示できる機能を実装したいという人は、ぜひ「jQuery Smoove」を活用されてみてはいかがでしょうか?

jQuery Smoove

PickeriOSのようなピッカーを実装できるJSライブラリ「Picker」前のページ

シンプルでモダンなさりげない通知システムを実装できる「humane.js」次のページhumane.js

関連記事

  1. no-image
  2. jQuery Elastic Grid
  3. no-image
  4. JavaScript

    レスポンシブ対応のカッコイイLightbox風jQueryプラグイン「Lightcase」

    Lightcaseはフレキシブルでレスポンシブに対応したLightbo…

  5. jQuery Accordion
  6. Product Tour

    JavaScript

    レスポンシブなプロダクトツアーを実装できるCSS・jQuery「Product Tour」

    Product Tourはレスポンシブに対応したプロダクトツアーを実装…

最近の記事

  1. 長十郎
  2. COMOLI シルクネルシャツ
  3. WiMAX
  4. 甘柿
PAGE TOP