jQuery プラグイン PageSlide は、左右のサイドバー ナビゲーションを実装します。

PageSlide は、jQuery の左右のサイドバー ナビゲーション メニュー プラグインで、現在、特に携帯電話やタッチ スクリーン ページで人気のあるナビゲーション メニュー表示フォームであり、カスタムの表示方向とメニュー コンテンツをサポートしています。ページをロードするか、このページの非表示のコンテンツをモーダル ペインに表示することをお勧めします。

使用法:

1. プラグインと jQuery をロードします

<link rel="stylesheet" type="text/css" href="../jquery.pageslide.css" /> 
<script src="../lib/jquery-1.7.1.min.js"></script> 
<script src="../jquery.pageslide.min.js"></script> 

2.
の使い方

2.1 右、2 次ページからコンテンツをスライドしてロードします

<a href="_secondary.html" class="first">Link text</a> 
<script> 
 $("a.first").pageslide(); 
</script> 

2.2 左にスライドして、このページの非表示のコンテンツをモーダル ペインに表示します

<a href="#modal" class="second"></Link text</a> 
<div id="modal" style="display:none"> 
 <h2>Modal</h2> 
 <a href="javascript：$.pageslide.close()"></Closea> 
</div> 

2.3 関数の開始

コードをコピー コードは次のとおりです。

850a1ac1ff68b2f50c3c37a419da8e39リンク テキスト5db79b134e9f6b82c0b36e0489ee08ed

デモを見る プラグインのダウンロード

以上がこの記事の全内容です。皆さんに気に入っていただければ幸いです。