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