ホームページ > ウェブフロントエンド > jsチュートリアル > jQuery プラグイン PageSlide は、左右のサイドバー ナビゲーションを実装します。

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

WBOY
リリース: 2016-05-16 16:04:40
オリジナル
1225 人が閲覧しました

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 関数の開始

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

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

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

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート