Yachin29のWebデザイナーへの道 このページをアンテナに追加 RSSフィード

2012-09-06 Webデザイナーへの道

画像やテキストを本のようにめくれるjQuery

| 画像やテキストを本のようにめくれるjQueryを含むブックマーク

今回のjQueryは画像やテキストを本のようにめくれるjQuery「BOOKBLOCK」です。
動きもなめらかでページをめくる際の影の付き方なんかも非常に綺麗です。


「BOOKBLOCK」には3種類のデモがありますが、今回は1番シンプルなヤツを使ってみました。


f:id:yachin29:20120906025540j:image
http://yachin29.com/blog/09-06/


HTML5+CSS3で作られている為、セレクター名が少々複雑ですが、HTMLに画像を加えるだけで、好きな枚数に増やせるので、イラストなどを沢山見せたい時などには結構良いかも。


デモとソースのダウンロードはこちらから
BOOKBLOCK: A CONTENT FLIP PLUGIN


例によってcolissさんの所に、非常に丁寧な説明が載っています。
http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-bookblock.html

トラックバック - http://d.hatena.ne.jp/yachin29/20120906/p1