php技術(shù)教程
2014-12-02 18:11:57
閱讀：784
首頁 資訊 技術(shù)分享
記得以前在做Native App的時候類似于人人網(wǎng)側(cè)邊滑動的效果非常的熱，很多app仿照該效果進(jìn)行開發(fā)，在jqMobi中也有類似的效果被稱為Side Menu.下面我們來一步一步實現(xiàn)該效果。
首先新建一個html文件，引入jqMobi的框架，如下：
接下來再添加一個panel如下
接下來我們來添加一個<nav>在panel同級標(biāo)簽下
接下來我們再來添加一個panel，并添加header和footer
我們會發(fā)現(xiàn)此時兩個panel對應(yīng)的side menu是同一個，下面我們?yōu)楦鱾€panel分別指定一個side menu
我們會發(fā)現(xiàn)side menu是屬于panel的，每個panel都可以給自己指定一個side menu，也可以共用一個side menu
現(xiàn)在最大的問題是怎么使上面的side menu有左右滑動效果，引入如下js便可實現(xiàn)
穩(wěn)定
產(chǎn)品高可用性高并發(fā)貼心
項目群及時溝通專業(yè)
產(chǎn)品經(jīng)理1v1支持快速
MVP模式小步快跑承諾
我們選擇聲譽(yù)堅持
10年專注高端品質(zhì)開發(fā)