[JS]パネルをペロッとひっくり返すスクリプト -QuickFlip 2

divで実装した2枚のパネルを使用して、裏表にペロッとひっくり返すスクリプトをJon Raaschから紹介します。

デモのキャプチャ

QuickFlip 2
demo

実装は簡単で、2枚のパネルをdivで括り、親のdivとアンカー箇所にclassを指定します。

HTML

あとはスクリプトを外部ファイルとして記述し、下記のスクリプトを記述します。

JavaScript

QuickFlip 2はjQueryのプラグインのため、実装にはjquery.jsが必要です。

sponsors

top of page

©2018 coliss