[JS]パネルをペロッとひっくり返すスクリプト -QuickFlip 2
divで実装した2枚のパネルを使用して、裏表にペロッとひっくり返すスクリプトをJon Raaschから紹介します。
実装は簡単で、2枚のパネルをdivで括り、親のdivとアンカー箇所にclassを指定します。
HTML
あとはスクリプトを外部ファイルとして記述し、下記のスクリプトを記述します。
JavaScript
QuickFlip 2はjQueryのプラグインのため、実装にはjquery.jsが必要です。
Post on:2009年7月23日
Comments
桜
on 2010年5月26日
いつも大変参考になる情報をご紹介いただきましてありがとうございます。もし、おわかりになったら教えていただきたいのですが、他のページのリンクからQuickFlipのタブの何番目かをダイレクトに指定して表示させることはできるのでしょうか？
お手数をお掛けして申し訳ありません。よろしくお願い申し上げます。
コリス
on 2010年5月26日
> 桜 さん
他のページのリンクから、という直接の機能は無いようですね。
表示するパネルの指定はできるようなので、onloadに仕込むなど何かの仕掛けをいれないと無理だと思います。