Home > 開発ツール・技術 > ページの右側から別コンテンツがスライドしてくる『jQuery pageSlide』

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

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

page

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

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

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

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

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

» jQuery pageSlide – Halobrite

@taguchiをフォロー!
Twitterもやっています!
Posted on January 9th, 2009

Comments:0

Comment Form
Remember personal info

Trackbacks:0

Trackback URL for this entry
http://www.ideaxidea.com/archives/2009/01/jquery_pageslide.html/trackback
Listed below are links to weblogs that reference
ページの右側から別コンテンツがスライドしてくる『jQuery pageSlide』 from IDEA*IDEA ~ 百式管理人のライフハックブログ

Home > 開発ツール・技術 > ページの右側から別コンテンツがスライドしてくる『jQuery pageSlide』

最近の記事
カテゴリー別
過去記事一覧

Return to page top