jQuery Panelize Plugin

JavaScript

パネルが開閉するような縦型スクロールを実装できる「jQuery Panelize Plugin」

jQuery Panelize Pluginを使えばパネルが開閉するような縦型スクロールを実装することができます。スクロールすることでセクションごとにパネルが切り替わっていくので、コンテンツを明確に区分する時なんかによさそうですね。

[ads_center]

jQuery Panelize Plugin

jQuery Panelize Plugin

jQuery Panelize Plugin

以下のようにパネルがスライドしながら切り替わっていきます。

jQuery Panelize Plugin

下へスクロールしていく時に手前のパネルが上がっていくので奥行きが感じられ次のコンテンツに入ったことが認識しやすくなりますね。

1ページ内でブロックごとに分類したコンテンツを表示させたい時に活用されてみてはいかがでしょうか。

Palettabお洒落なカラーとフォントの組み合わせを発見できるChrome拡張機能「Palettab」前のページ

CSSでグラデーション背景を変化させるコード作成ジェネレーター「CSS Gradient Animator」次のページCSS Gradient Animator

関連記事

  1. emotion-ratings

    JavaScript

    絵文字を使ったレーティング機能を実装できる「emotion-ratings」

    emotion-ratingsは絵文字を使ったレーティング機能を実装で…

  2. 10のjQueryスニペット

    JavaScript

    Webデザイナーが知っておくべき10のjQueryスニペット

    すべてのWebデザイナーが知っておくべき10のjQueryスニペットが…

  3. ContentTools

    JavaScript

    画面内でそのまま編集できるWYSIWYGエディタ「ContentTools」

    ContentToolsは画面内でそのままコンテンツを編集できるWYS…

  4. Sticker.js

    JavaScript

    ペラッとめくるようなエフェクトが素敵なJSライブラリ「Sticker.js」

    画像や要素をペラッとめくるようなエフェクトを実装できるJSライブラリ「…

  5. JavaScript

    レイアウトを超簡単に雑誌風に整列してくれるjQuery Masonryの使い方

    jQuery Masonryというプラグインを使えば、ものすごく簡単に…

  6. no-image

    JavaScript

    シンプル・軽量なアナログ時計を実装できる「jsRapClock」

    jsRapClockはシンプルで軽量なアナログ時計を実装できるjQue…

最近の記事

  1. 甘柿
  2. 冬用のふとん
  3. 田沢湖
PAGE TOP