jQuery插件PageSlide實現(xiàn)左右側(cè)欄導(dǎo)航菜單
更新時間：2015年04月12日 09:46:19 投稿：hebedich
jQuery pageSlide 是一個可以讓網(wǎng)頁出現(xiàn)滾動效果的jQuery插件，它可以控制一個隱藏頁面的顯示和關(guān)閉。具體來說，就是當(dāng)前頁占一個完整頁面，隱藏頁是看不到的，你設(shè)置一個控制的地方，點擊該控制時觸發(fā)事件，隱藏的頁面就滑出來，再次點擊隱藏頁面以外的地方，它就又關(guān)閉
jQuery左右側(cè)欄導(dǎo)航菜單插件PageSlide，目前比較流行的導(dǎo)航菜單展現(xiàn)形式，特別是在手機端或者觸屏頁面，效果還是不錯的，支持自定義展現(xiàn)的方向，菜單內(nèi)容可自行定義，支持加載頁面，或者模態(tài)的窗格中顯示此頁的隱藏的內(nèi)容，推薦使用。
使用方法：
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 向右，滑動并從輔助頁加載內(nèi)容
<a href="_secondary.html" class="first">Link text</a>
<script>
$("a.first").pageslide();
</script>
2.2 滑到左邊，并在模態(tài)的窗格中顯示此頁的隱藏的內(nèi)容
<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 函數(shù)打開
復(fù)制代碼 代碼如下:
<a href="javascript：$.pageslide({ direction: 'left', href:'_secondary.html' })">Link text</a>
以上所述就是本文的全部內(nèi)容了，希望大家能夠喜歡。
相關(guān)文章
JQuery的Ajax請求實現(xiàn)局部刷新的簡單實例
本篇文章只要是對JQuery的Ajax請求實現(xiàn)局部刷新的簡單實例進行了詳細的介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-02-02
jQuery監(jiān)控文本框事件并作相應(yīng)處理的方法
這篇文章主要介紹了jQuery監(jiān)控文本框事件并作相應(yīng)處理的方法,涉及jQuery操作文本框的技巧,需要的朋友可以參考下2015-04-04
這篇文章主要為大家詳細介紹了jquery實現(xiàn)彈出層登錄和全屏層注冊特效，推薦給大家，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2015-08-08
本文主要介紹了jQuery兩種方法寫選項卡的實例，具有很好的參考價值。下面跟著小編一起來看下吧2017-03-03
使用JQuery 加載頁面時調(diào)用JS的實現(xiàn)方法
下面小編就為大家?guī)硪黄褂肑Query 加載頁面時調(diào)用JS的實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-05
本文會給你們展示50個jquery代碼片段，這些代碼能夠給你的javascript項目提供幫助2011-09-09
jquery ajax后臺返回list,前臺用jquery遍歷list的實現(xiàn)
下面小編就為大家?guī)硪黄猨query ajax后臺返回list,前臺用jquery遍歷list的實現(xiàn)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-10-10
jQuery實現(xiàn)Table表格隔行變色及高亮顯示當(dāng)前選擇行效果示例
這篇文章主要介紹了jQuery實現(xiàn)Table表格隔行變色及高亮顯示當(dāng)前選擇行效果,涉及jQuery針對table元素遍歷、運算、樣式及鼠標(biāo)事件動態(tài)響應(yīng)相關(guān)操作技巧,需要的朋友可以參考下2017-02-02
這篇文章主要介紹了jQuery-mobile事件監(jiān)聽與用法,結(jié)合實例形式分析了jQuery-mobile各種常見事件類型與使用技巧,需要的朋友可以參考下2016-11-11
因公司需要做一個仿百度搜索框,并且?guī)alue值的, 網(wǎng)上找了下只有Text, 都沒帶Value的 所以做了個,代碼給予簡單的注釋，結(jié)構(gòu)很清晰，很容易看懂，感興趣的朋友可以了解下2013-01-01