Chinaunix首页 | 论坛 | 博客
  • 博客访问: 54625
  • 博文数量: 47
  • 博客积分: 0
  • 博客等级: 民兵
  • 技术积分: 818
  • 用 户 组: 普通用户
  • 注册时间: 2013-12-10 10:15
文章分类

全部博文(47)

分类: HTML5

2014-04-02 11:07:01

  记得以前在做Native App的时候类似于人人网侧边滑动的效果非常的热,很多app仿照该效果进行开发,在jqMobi中也有类似的效果被称为Side Menu.下面我们来一步一步实现该效果。首先新建一个html文件,引入jqMobi的...

  记得以前在做Native App的时候类似于人人网侧边滑动的效果非常的热,很多app仿照该效果进行开发,在jqMobi中也有类似的效果被称为Side Menu.下面我们来一步一步实现该效果。

  首先新建一个html文件,引入jqMobi的框架,如下:

.

  接下来再添加一个panel如下

.

推荐阅读       

.

  接下来我们来添加一个

在panel同级标签下 . .

  接下来我们再来添加一个panel,并添加header和footer

. .

  我们会发现此时两个panel对应的side menu是同一个,下面我们为各个panel分别指定一个side menu

. .

  我们会发现side menu是属于panel的,每个panel都可以给自己指定一个side menu,也可以共用一个side menu

  现在最大的问题是怎么使上面的side menu有左右滑动效果,引入如下js便可实现

. .

  人人

  除非特别声明,PHP100新闻均为原创或投稿报道,转载请注明作者及原文链接

  原文地址:

阅读(445) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~