ページの右側から別コンテンツがスライドしてくる『jQuery pageSlide』

いつか使ってみたいかもしれないjQueryのプラグインのご紹介。ページの右側から別のコンテンツがスライドしてくれる、という効果を実現することができます。

page

↑ 右側の黒い部分がスライドしてきます。左側のどこかをクリックすれば元に戻ります。

マークアップも簡単ですね。

<script type="text/javascript">
    $(document).ready(function() {
        $('a.pageslide').pageSlide({
            width: "300px"
        });
    });
</script>

としたあとに、リンクのaタグにclass=”pageslide”をつければOKです。

ちょっとした説明書きや、キャンペーン情報なんかにいいかもしれませんね。詳細&ダウンロードは以下からどうぞ。

» jQuery pageSlide – Halobrite

Pocket

SPONSORED LINK

Leave a Reply

Your email address will not be published. Required fields are marked *