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();
});

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

Google翻訳の音声や使用例Google翻訳で音声や単語の使用例を確認できるのがとても便利前のページ

テキストがカシャカシャ切り替わって表示するjQueryプラグイン「Text Effects」次のページText Effects

関連記事

  1. Squishy

    JavaScript

    テキストをコンテナに合わせて自動でサイズ変更してくれるjQueryプラグイン「Squishy」

    SquishyというjQueryプラグインを使えばテキストをコンテナに…

  2. jQuery.Flexdatalist

    JavaScript

    テキスト入力候補を表示させれる「jQuery.Flexdatalist」

    jQuery.Flexdatalistはテキスト入力候補を表示させるこ…

  3. jQuery Accordion
  4. Monthly.js

    JavaScript

    レスポンシブに対応したカレンダーを実装できる「Monthly.js」

    Monthly.jsはレスポンシブに対応したシンプルで美しいカレンダー…

  5. Before and after slider

コメント

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

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

最近の記事

  1. エチオピア
  2. 紗々 飴色和栗
  3. DCG-CA21
  4. Apple WatchでのMacロック解除を無効
  5. オータムスイートポテトフラペチーノ

アーカイブ

PAGE TOP