HTML5 mobile development road (1) - Side Menu implementation in jqMobi (similar to Renren)_PHP tutorial

I remember that when I was making Native Apps, the side sliding effect similar to Renren.com was very popular. Many apps were developed imitating this effect. There is also a similar effect in jqMobi called Side Menu. Below Let's implement this effect step by step.

First create a new html file and introduce the jqMobi framework, as follows:

Next add a panel as follows

Next, let’s add a

under the same level tag of the panel

Next we will add a panel and add header and footer

We will find that the side menu corresponding to the two panels is the same. Next, we specify a side menu for each panel

We will find that the side menu belongs to the panel. Each panel can specify a side menu for itself, or it can share a side menu

The biggest problem now is how to make the side menu above have a left and right sliding effect. This can be achieved by introducing the following js

http://www.bkjia.com/PHPjc/746357.htmlwww.bkjia.comtruehttp: //www.bkjia.com/PHPjc/746357.htmlTechArticleI remember when I was making Native Apps, the side sliding effect similar to Renren.com was very popular. Many apps Developed after this effect, there is a similar effect in jqMobi called Side Men...