jQuery外掛PageSlide實作左右側邊欄導覽選單_jquery

jQuery左右側欄導航選單插件PageSlide，目前比較流行的導航選單展現形式，特別是在手機端或觸控螢幕頁面，效果還是不錯的，支援自訂展現的方向，選單內容可自行定義，支持載入頁面，或模態的窗格中顯示此頁的隱藏的內容，建議使用。

使用方法：

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 向右，滑動並從輔助頁載入內容

<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 函數開啟

複製程式碼 程式碼如下:

Link text

查看示範  外掛程式下載

以上所述就是本文的全部內容了，希望大家能夠喜歡。