ページの真横からスライドで表示されるサブページを実現する「jQuery pageSlide」

軽量なjavascriptライブラリjQuery、かなり高機能で、様々な表現ができますが、今回紹介するのはjQueryを利用して、ページの真横からスライドで表示されるサブページを実現する「jQuery pageSlide」です。

jquery-pageslide-screenshot

上記のようにメインコンテンツエリアを、ヨコにスライドして、サブページが表示されます。

詳しくは以下

印象的な見せ方なので、ユーザーに特に残るような見せ方をしたいときに有効だと思います。使いどころは難しいかもしれませんが、はまったときには非常に有効的な見せ方だと思います。

実装方法は非常に簡単で、JQueryを読み込んで、簡単なコードを追加するだけです。出現するページのワイド幅はjavascript上で変更する事ができます。対応しているブラウザはIE7, FireFox 2, Safari 2以上という事で、IE6などの旧世代のブラウザは非対応とのことです。

詳しい実装方法や、デモなどは「jQuery pageSlide by Scott Robbin」の配布元をご覧ください。