BookBlock Revised

JavaScript

ページめくりのエフェクトを実装できるjQueryプラグイン「BookBlock Revised」

BookBlock RevisedというjQueryプラグインを使えば本やカレンダーのようなページめくりのエフェクトを実装することができます。ペラっとした柔らかい紙の質感ではなくて、パタパタとめくっていく感じです。横にめくるのはもちろん、縦にもめくれる(実際のデモではカレンダーとして実装)のが面白いですね。

[ads_center]

BookBlock Revisedの使い方

BookBlock Revised

BookBlock Revised

こんな感じで、本を読んでいるかのようにめくっていくことができます。

マークアップもシンプルですね。

<div id="bb-bookblock" class="bb-bookblock">
    <div class="bb-item">
        <!-- コンテンツ -->
    </div>
    <div class="bb-item">
        <!-- コンテンツ -->
    </div>
    <!-- 中略 -->
</div>

プラグインの呼び出し。

$(function() {
    $('#bb-bookblock').bookblock();
});

ページめくりを実装したい時に覚えておきたいプラグインです。

関連記事

  1. tsorter

    JavaScript

    テーブルにソート(並べ替え)機能を実装できる「tsorter」

    tsorterは、JavaScriptを用いてHTMLテーブルにソート…

  2. Tendina

    JavaScript

    簡単で素早くドロップダウンメニューを実装できるjQueryプラグイン「Tendina」

    TendinaというjQueryプラグインを使えば、とても簡単で素早く…

  3. jquery.inputmask

    JavaScript

    テキスト入力のマスク(入力補助)を作成する「jquery.inputmask」

    jquery.inputmaskは、ウェブページでのテキスト入力のマス…

  4. notifit

    JavaScript

    多彩なカスタマイズができるシンプルなjQuery通知プラグイン「notifit」

    notifitは多彩なカスタマイズが可能なシンプルな通知機能を実装でき…

  5. jQuery liMarquee
  6. jQuery Countdown

    JavaScript

    手軽に使えるカウントダウンタイマーを実装できる「jQuery Countdown」

    jQuery Countdownは手軽に使えるカウントダウンタイマーを…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

  1. リンツ リンドール
  2. ジェットストリームの三色ボールペン(+シャーペン付き)と黒の替芯
  3. ブラジルイパネマ

アーカイブ

PAGE TOP