微信公众号 讲师中心
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机/移动开发 手机游戏
搜索
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程
自媒体 新闻
首页 > 后端开发 > php教程 > 正文

HTML5移动开发之路（1）——jqMobi中Side Menu实现（类似人人网）_PHP教程

php中文网
发布： 2016-07-13 10:35:15
原创
1062人浏览过

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

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

\

接下来再添加一个panel如下

 

\

立即学习“PHP免费学习笔记（深入）”；

\

 

接下来我们来添加一个

\

怪兽AI数字人
怪兽AI数字人

数字人短视频创作，数字人直播，实时驱动数字人

怪兽AI数字人 44
查看详情 怪兽AI数字人
\
接下来我们再来添加一个panel，并添加header和footer

 

\

\

 

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

\

\

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

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

\
\


www.bkjia.comtruehttp://www.bkjia.com/PHPjc/746357.htmlTechArticle记得以前在做Native App的时候类似于人人网侧边滑动的效果非常的热，很多app仿照该效果进行开发，在jqMobi中也有类似的效果被称为Side Men...
相关标签：
php函数

大家都在看：

PHP速学教程(入门到精通)
PHP速学教程(入门到精通)

PHP怎么学习？PHP怎么入门？PHP在哪学？PHP怎么学才快？不用担心，这里为大家提供了PHP速学教程(入门到精通)，有需要的小伙伴保存下载就能学习啦！

下载
来源：php中文网
收藏 点赞
上一篇：YII千万级PV架构经验分享--俯瞰篇--架构即产品_PHP教程 下一篇：实现网页页面跳转的几种方法_PHP教程
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
最新问题
php 怎么用parseint_PHP parseInt()类似功能（intval）整数转换方法 答案：PHP中可通过intval()、(int)强制转换和filter_var()实现类似parseInt的整数转换。intval("123abc")返回123，支持进制转换；(int)"456xyz"得456，截断小数；filter_var验证合法性，确保安全转换。
2025-11-09 19:01:02
959
PHP权限怎么分配_PHP权限分配策略及角色管理实现。 基于角色的访问控制（RBAC）通过用户-角色-权限模型实现权限管理，设计五张核心表并预设角色；登录后加载权限至session，请求时校验权限。ACL用于细粒度控制，以资源ID为标识，结合规则存储与缓存提升性能。现代PHP框架可用中间件拦截请求，统一校验权限并返回403响应。后台提供动态权限分配界面，支持角色权限编辑、批量用户赋权、缓存清除与操作日志记录，确保权限实时生效与安全审计。
2025-11-09 19:00:09
790
php编写数据校验的完整方案_php编写输入过滤的标准化 答案：文章介绍了PHP中确保Web应用数据安全的校验与过滤方法，涵盖使用filter_var验证邮箱、URL、IP，正则表达式校验手机号、身份证、用户名，htmlspecialchars防止XSS，trim和strip_tags清理输入，以及封装Validate类提升代码复用性与安全性。
2025-11-09 18:41:02
734
php数据如何使用反射机制分析类_php数据反射API高级编程技巧 答案：PHP反射机制通过ReflectionClass、ReflectionMethod等核心类实现对类结构的动态分析，可用于获取类、方法、属性及参数信息，支持依赖注入、ORM映射等高级功能；利用反射可解析构造函数参数并自动实例化依赖对象，构建轻量级容器；还能访问私有属性和方法，但应谨慎使用以避免破坏封装性；其强大元编程能力适用于框架开发，不宜频繁用于业务逻辑。
2025-11-09 18:29:09
829
PHP权限怎么动态调整_PHP动态权限调整方法及实时生效。 答案：通过数据库存储权限并结合缓存与中间件实现动态调整，用户请求时实时校验权限，管理员变更权限后主动清除缓存或广播通知，确保多节点一致，做到调整即生效。
2025-11-09 17:58:02
141
php try怎么用_PHP异常处理try-catch语法与使用方法 答案：PHP中通过try-catch-finally结构捕获异常，catch按具体到一般顺序处理多类型异常，finally确保代码执行，throw用于手动抛出异常，支持嵌套处理。
2025-11-09 17:43:02
796
php网站怎么部署到zendapi_php网站zendapi接口部署与配置方法教程 答案是部署PHP网站到ZendAPI平台需先确认环境要求，检查PHP版本、目录结构及上传方式；设置index.php为唯一入口并调整路径引用；配置平台路由规则映射请求至PHP文件，启用CORS与环境变量；最后通过测试请求和日志监控验证功能与性能，确保路径兼容性和精简初始化逻辑。
2025-11-09 17:38:02
165
php怎么调试接口cdn加速_php接口cdn内容分发网络配置与调试方法 首先确认源站接口正常，再检查CDN缓存策略与头部传递。通过配置回源规则、禁用API缓存、利用X-Cache等头部判断命中状态，对比直连源站请求结果，结合日志中HTTP_X_FORWARDED_FOR等信息分段排查，定位问题在CDN或后端。
2025-11-09 17:34:03
409
php dt怎么用_PHP中dt变量/日期时间处理使用场景方法 使用DateTime类可解决PHP日期时间问题：1.创建对象如newDateTime()；2.格式化输出如format(‘Y-m-d’)；3.修改时间如modify(‘+7days’)；4.计算间隔用diff()；5.与时间戳互转通过getTimestamp()和@$timestamp。
2025-11-09 17:29:10
150
nginx怎么用php_Nginx服务器PHP环境配置与优化方法 首先需安装PHP及PHP-FPM服务，再配置Nginx的server块以支持.php文件解析，通过创建info.php测试页面验证集成效果，随后优化PHP-FPM进程参数提升性能，并启用OPcache减少脚本解析开销，最终实现Nginx正确解析PHP动态内容。
2025-11-09 17:03:02
943
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部