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)文章
本文給大家分享的是一個經(jīng)常需要碰到的問題的解決方案，如何才能讓一個頁面中同時存在多個jQuery呢，這就是今天我們需要探討的話題了。2015-03-03
jQuery 獲取對象 基本選擇與層級實現(xiàn)代碼，學(xué)習(xí)jquery的朋友可以參考下。2010-05-05
這篇文章主要介紹了jQuery定義背景動態(tài)切換效果的方法,實例分析了jQuery操作圖片的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03
jQuery獲取復(fù)選框選中的當(dāng)前行的某個字段的值
這篇文章主要介紹了jQuery獲取復(fù)選框選中的當(dāng)前行的某個字段的值,需要的朋友可以參考下2017-09-09
這篇文章主要介紹了標(biāo)簽頁的切換方式,介紹的非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-08-08
這篇文章主要介紹了jquery仿百度百科底部浮動導(dǎo)航特效,需要的朋友可以參考下2015-08-08
這篇文章主要介紹了表單中單選框添加選項和移除選項的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-07-07
jQuery 選擇表格(table)里的行和列及改變簡單樣式
本文只是介紹如何用jQuery語句對表格中行和列進行選擇以及一些簡單樣式改變，希望它可以對jQuery表格處理的深層學(xué)習(xí)提供一些幫助2012-12-12
頁面倒計時小編在很多網(wǎng)站都有這樣的需求，今天小編給大家分享一段jq代碼實現(xiàn)頁面倒計時并刷新效果，代碼簡單易懂，非常不錯，需要的的朋友參考下2017-03-03
這篇文章主要介紹了jquery+css實現(xiàn)簡單的圖片輪播效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-08-08