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