on:2012年3月13日sponsorsFacebookのモバイル版のように、ボタンやリンクをクリックするとページ全体を横にスライドし、隠されたコンテンツやリンク先のページを表示するjQueryのプラグインを紹介します。-GitHub[ad#ad-2]PageSlideのデモPageSlideの使い方PageSlideのデモまずは、デモからご紹介。デモ3つのデモがあります。一つ目は青いボタンをクリックすると右にスライドし、リンク先のページを表示します。デモ二つ目は左にスライドし、隠れていたコンテンツを表示します。デモ[ad#ad-2]三つ目も左にスライドし、iframe内にコンテンツを表示します。外部ファイルスタイルシートをhead内に記述します。href="jquery.pageslide.css">ページの下(</body>の上)にスクリプトを記述します。src="jquery.pageslide.min.js"></script>JavaScriptPageSlideさせる要素を指定します。$('a').pageslide();</script>開く時は、下記のようになります。});</script>閉じる時は、下記のようになります。$.pageslide.close();</script>スクリプトのオプションオプションではスライドのスピードや方向などを設定できます。speedスライドするスピード。directionスライドの方向。modalリンク先をモーダルで開きます。true時は明示的に閉じる必要があります。iframeリンク先をiframeで開きます。hrefリンク先に「javascript:」を使用した際のリンク先。