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

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

2009-01-09 (Fri) 6:14
開発ツール・技術
jQuery関連

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

page

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

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

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

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

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

» jQuery pageSlide – Halobrite

こちらもあわせてどうぞ

Twitterもやっています！

Posted on January 9th, 2009

Comments:0

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』

ブログ内検索

百式ジョブボード（求人情報）

TwitterCounter

人気の記事

最近のつぶやき

follow me on Twitter

Powered by…

『IDEA*IDEA』のユーザビリティは、ユーザー中心のウェブサイト構築を手がけるビービット社によって検証・改善されています。

いろいろ

誠Biz.IDの「Webサービス図鑑」を応援中です！

人気の商品

楽ワード

管理人の著書

Image of シャングリラ・ダイエット~全米ベストセラー!「食事制限」なし!「運動」なし!の魔法のダイエット~

Image of ストレスフリーの仕事術―仕事と人生をコントロールする52の法則

最近の写真

モバイル版

最近の記事

カテゴリー別

過去記事一覧

Return to page top