QuickFlip 2 を 試してみました。

QuickFlip 2 は JQuery のプラグインで、 簡単にパネルをめくるような動きを作ることができます。

こちら を参考にして サンプルを作ってみました。

最近は JQuery だな、と思いつつ作ってみたのですが とにかく簡単でした。 基本的に、外部 js ファイルの読込と 次の HTML の 記述だけで OK です。 (枠線や背景などは必要に応じて)

<div class="quickFlip">
  <div class="front">
    [表]
    <a href="#" class="quickFlipCta">click to flip</a>
  </div>
  <div class="rear">
    [裏]
    <a href="#" class="quickFlipCta">click to flip</a>
  </div>
</div>

<script type="text/javascript">
  $(function() {  
      $('.quickFlip').quickFlip();  
  });  
</script>

Google サイト内検索

Amazonアソシエイト