記得以前在做Native App的時候類似於人人網側邊滑動的效果非常的熱,很多app仿照該效果進行開發,在jqMobi中也有類似的效果被稱為Side Menu.下面我們來一步一步實現該效果。
首先新建一個html文件,引入jqMobi的框架,如下:
接下來再添加一個panel如下
接下來我們來添加一個<nav>在panel同級標簽下
我們會發現此時兩個panel對應的side menu是同一個,下面我們為各個panel分別指定一個side menu
我們會發現side menu是屬於panel的,每個panel都可以給自己指定一個side menu,也可以共用一個side menu
現在最大的問題是怎麼使上面的side menu有左右滑動效果,引入如下js便可實現