ページめくりを実現するためのjQueryプラグイン集
2012年02月09日-![はてなブックマーク](http://b.hatena.ne.jp/entry/image///phpspot.org/blog/archives/2012/02/jquery_97.html)
スポンサード リンク
ページめくりを実現するためのjQueryプラグイン集
先日のHTML5で美麗なページめくり効果が作れるJSライブラリ「turn.js」 では多くの反響を頂きましたが、他にも同様のページめくりライブラリがあるようです
Booklet
個人的にコンパクトなインタフェースがいいなと思うライブラリです。
HTML5がなくともIE8でも動きます
![](http://phpspot.net/php/webimager/admin3/data/d191e8459afb3e27232c60bdf1157c57.png)
Create a page flip effect with HTML5 canvas | Tutorial | .net magazine
以前紹介した、HTML5を使ったページめくりUIの作成チュートリアル。独自に作る場合は参考にできます
![](http://phpspot.net/php/webimager/admin3/data/a1cf4b84abc577a5eda889b22f9d9609.png)
jFlip
なめらかなページめくりを表現できるjQueryプラグインです。
カーソルを合わせるとめくり部分が微妙にアニメーションしているあたりも芸が細かいです
![](http://phpspot.net/php/webimager/admin3/data/de9ee873f612707f882d37a8d29757d2.png)
Simple Page Peel Effect with jQuery & CSS
サイトデザインになじませたエフェクト例
![](http://phpspot.net/php/webimager/admin2/data/eadb9771b8ce8943d0d2b6da345f6d22.png)
sexy curls
ページの右上をペローンとめくれる効果を作れるjQueryプラグイン
![](http://phpspot.net/php/webimager/admin2/data/de85f68bd72ea32712e266c688214ed7.png)
FlipPage
一見普通の写真とおもいきやページをめくる動作でページ移動ができます
![](http://phpspot.net/php/webimager/admin3/data/b491d98f480e7e3cd6b9eeb04204fa84.png)
jPageFlip
jQueryベースのページめくりライブラリ
![](http://phpspot.net/php/webimager/admin3/data/c075affee10e3aa8ad5b05e30c17df0e.png)
10年前のWEB利用者がみたらきっと驚いたに違いないですね
関連エントリ
先日のHTML5で美麗なページめくり効果が作れるJSライブラリ「turn.js」 では多くの反響を頂きましたが、他にも同様のページめくりライブラリがあるようです
Booklet
個人的にコンパクトなインタフェースがいいなと思うライブラリです。
HTML5がなくともIE8でも動きます
![](http://phpspot.net/php/webimager/admin3/data/d191e8459afb3e27232c60bdf1157c57.png)
Create a page flip effect with HTML5 canvas | Tutorial | .net magazine
以前紹介した、HTML5を使ったページめくりUIの作成チュートリアル。独自に作る場合は参考にできます
![](http://phpspot.net/php/webimager/admin3/data/a1cf4b84abc577a5eda889b22f9d9609.png)
jFlip
なめらかなページめくりを表現できるjQueryプラグインです。
カーソルを合わせるとめくり部分が微妙にアニメーションしているあたりも芸が細かいです
![](http://phpspot.net/php/webimager/admin3/data/de9ee873f612707f882d37a8d29757d2.png)
Simple Page Peel Effect with jQuery & CSS
サイトデザインになじませたエフェクト例
![](http://phpspot.net/php/webimager/admin2/data/eadb9771b8ce8943d0d2b6da345f6d22.png)
sexy curls
ページの右上をペローンとめくれる効果を作れるjQueryプラグイン
![](http://phpspot.net/php/webimager/admin2/data/de85f68bd72ea32712e266c688214ed7.png)
FlipPage
一見普通の写真とおもいきやページをめくる動作でページ移動ができます
![](http://phpspot.net/php/webimager/admin3/data/b491d98f480e7e3cd6b9eeb04204fa84.png)
jPageFlip
jQueryベースのページめくりライブラリ
![](http://phpspot.net/php/webimager/admin3/data/c075affee10e3aa8ad5b05e30c17df0e.png)
10年前のWEB利用者がみたらきっと驚いたに違いないですね
関連エントリ
スポンサード リンク
Advertisements
SITE PROFILE
最新のブログ記事(新着順)
- TailwindCSSなサイトで使える100以上のアニメーションエフェクト「animata」
- SVG形式のテック系企業のロゴを簡単にゲットできる「Svgl」
- 統一感のある色味を一括生成できるツール「The good colors」
- くちばしフォント【商用可】
- 小説表紙などに使えそうな商用可なフォント「になロマン」
- 筆で書いたようなカナ書体「筆竹仮名B」
- 無料・商用利用可な丸文字ピクセルフォント「マルミーニャM」
- スペースコブラ風フォント
- Next.jsのVercelから商用利用可能なフリー汎用フォント「Geist Font 」
- 無料で使えるいい感じの日本語フォント「しっぽり太ゴシック」
- 過去のエントリ