HTML5 Mobile Development Road (1)--jqmobi in side menu implementation (like Renren)

Remember in the past when doing native app is similar to Renren side sliding effect is very hot, a lot of apps modeled on the effect of development, in Jqmobi also have a similar effect is called side menu. Let's step through the effect.

First create a new HTML file, introduce the Jqmobi framework, as follows:

Next, add a panel as follows

Next we'll add a <nav> under the Panel Peer tab

Next we'll add a panel and add headers and footer

Zhengzhou Male Hospital

We will find that at this point the two panel corresponding to the side menu is the same, below we specify a side menu for each panel

We will find that side menu belongs to the Panel, each panel can assign itself a side menu, or a side menu can be shared.

Now the biggest problem is how to make the above side menu has left and right sliding effect, the introduction of the following JS can be achieved