Tag:jQueryTwitterFacebookHatenaPocketということで、早速デモをご覧ください。今回のデモは主に旧バージョンを使用していますが垂直方向を使用するためには、新バージョンのjQueryが必要です。2』プラグインファイルのダウンロードはこちらから。quickflip-2使い方プラグインファイルをheader内にて読み込みます。src="quickflip.js"></script>続けて下記のように記入するのですが、今回は垂直方向も使用したので、下記のようになってます。//垂直方向});});</script>以上で、実行できる環境はできましたので続けて設置したいところへ以下のように記述します。class="panel-content">いろいろな事に興味シンシンになります。好物はいちご!!きらいなものは。最近、ハムスターを飼い始めました。class="panel-content">いろいろな事に興味シンシンになります。好物はいちご!!きらいなものは。最近、ハムスターを飼い始めました。class="quickFlipCta">カードを裏返す</a></p></quickflipcta></div></div>これでデフォルトのカードの表と裏が出来上がりです。垂直方向はクラス名“quickFlip”の部分を“quickFlip2′′に変更するだけでOKです。あとは、CSSで装飾していきます。padding:0;font-size:120%;}かなりいろいろな場面で使えるかなと思います。画像ギャラリーとしても使えそうですね。背景全画面や特定要素に合わせて表示してくれるjQueryプラグイン『BACKSTRETCH』おすすめ書籍HTML+CSSデザイン|基本原則、これだけ。Siteこのサイトは、WEBについての情報を発信していくプライベートブログです。技術的なことやWEBサービスについて等、『こんなのあったんだ』や『これ楽しそう』なことを書いていこうと思っています。ご意見・ご要望・ホームページの制作などお仕事の依頼等は、お問い合わせページよりお気軽にご連絡ください。Twitterブログ更新情報や気になることをツィートしています。