Booklet


Description: 本のようなページめくりを実装するプラグインです。クロスブラウザに対応しています。クリックで送れる他、キーボードでの操作も可能です。下記サンプルはキーボードでも可能にしてあります。jquery.easingが必要です。
Sample: demo
Tutorial: booklet
License: MITとGPL

Sample

1ページ目

2ページ目

ここに2ページ目のコンテンツを入れます。

3ページ目

ここに3ページ目のコンテンツを入れます。

4ページ目

5ページ目

6ページ目

7ページ目

8ページ目

Note

 $(function() {
                  $('#mybook').booklet({
	keyboard: true
});
              });

必要な場合はオプション設定をします。上記デモはキーボード操作をする為に上記オプションを設定しました。

Related snippet :

  • Description: マウスを乗せると範囲がスムーズに広がるアコーディオンコンテンツです。jquery.easingが必要です。クロスブラウザでも動いてくれますし、マーク ...
  • Description: シンプルなカルーセルを実装するプラグインです。ボタンで進ませることが出来ます。マークアップがとてもシンプルで使いやすそうですね。 Samp ...
  • Description: 多くの形に対応できる高機能コンテンツスライダープラグインです。テキストなどや画像ギャラリー、上記画像のようなサムネイルギャラリーなども構築可能。表示 ...
  • Description: ソート出来るポートフォリオを構築できます。IE6や7でも動作しますが、アニメーションが少々怪しい感じです。class名を振ってソートするシンプルな手 ...
  • Description: リンクに選択肢を与えるシンプルだけど新設なプラグインです。別窓か、その場でか、をユーザーは選択する事ができます。 Sample: dem ...
  • Description: マウスオーバーでアイコンがスムーズに拡大し、キャプションもツールチップ的に表示させます。全てのブラウザで動作してくれます。 Sample: ...
  • Description: 擬似キーボードを使えるようにするプラグインです。jQueryUIも必要です。マウスのみで完結できるのは四肢に障害のある方にとって大きなユーザビリティ ...