首页 后端开发 php教程 HTML5移动开发之路(1)——jqMobi中Side Menu实现(类似人人网)_PHP教程

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

Jul 13, 2016 am 10:35 AM
php函数

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

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

\

接下来再添加一个panel如下

 

\

\

 

接下来我们来添加一个

\

\
接下来我们再来添加一个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...
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

如何通过php函数优化图片懒加载效果? 如何通过php函数优化图片懒加载效果? Oct 05, 2023 pm 12:13 PM

如何通过PHP函数优化图片懒加载效果?随着互联网的发展,网页中的图片数量越来越多,这给页面加载速度带来了压力。为了提高用户体验,减少加载时间,我们可以采用图片懒加载技术。图片懒加载可以延迟图片的加载,只有当用户滚动到可视区域时才加载图片,这样可以减少页面的加载时间,提升用户体验。在编写PHP网页时,我们可以通过编写一些函数来优化图片懒加载效果。下面详

如何通过php函数来减少内存的使用? 如何通过php函数来减少内存的使用? Oct 05, 2023 pm 01:45 PM

如何通过PHP函数来减少内存的使用在开发中,内存的使用是一个很重要的考量因素。如果在程序中使用大量的内存,可能会导致运行速度变慢甚至程序崩溃。因此,合理地管理和减少内存的使用是每个PHP开发者都应该关注的问题。本文将介绍一些通过PHP函数来减少内存使用的方法,并提供具体的代码示例供读者参考。使用unset()函数释放变量在PHP中,当一个变量不再需要时,使用

PHP函数介绍—curl_multi_getcontent(): 获取一个cURL会话的内容 PHP函数介绍—curl_multi_getcontent(): 获取一个cURL会话的内容 Jul 26, 2023 pm 03:01 PM

PHP函数介绍—curl_multi_getcontent():获取一个cURL会话的内容在PHP开发中,我们经常需要通过网络去请求其他服务器的数据。而cURL(ClientURL)是一个功能强大的PHP扩展库,用于在PHP中进行网络通信。cURL提供了一系列的函数,其中之一就是curl_multi_getcontent(),它用于获取一个cURL会话的

PHP Deprecated: Function ereg_replace() is deprecated - 解决办法 PHP Deprecated: Function ereg_replace() is deprecated - 解决办法 Aug 18, 2023 am 10:48 AM

PHPDeprecated:Functionereg_replace()isdeprecated-解决办法在使用PHP进行开发时,我们经常会遇到一些函数被宣布为已废弃(deprecated)的问题。这意味着在最新的PHP版本中,这些函数可能会被删除或被替代。其中一个常见的例子就是ereg_replace()函数。ereg_replace

PHP图像处理函数实现图片编辑和处理功能的方法总结 PHP图像处理函数实现图片编辑和处理功能的方法总结 Nov 20, 2023 pm 12:31 PM

PHP图像处理函数是一组专门用于处理和编辑图像的函数,它们为开发人员提供了丰富的图像处理功能。通过这些函数,开发人员可以实现图片的裁剪、缩放、旋转、水印添加等操作,从而满足不同的图片处理需求。首先,我将介绍如何使用PHP图像处理函数实现图片的裁剪功能。PHP提供了imagecrop()函数,可以用来裁剪图像。通过传递裁剪区域的坐标和大小,我们可以实现图片的裁

PHP函数介绍:strtr()函数 PHP函数介绍:strtr()函数 Nov 03, 2023 pm 12:15 PM

PHP函数介绍:strtr()函数在PHP编程中,strtr()函数是一个非常有用的字符串替换函数。它用于将字符串中的指定字符或字符串替换为其他字符或字符串。本文将介绍strtr()函数的用法,并给出一些具体的代码示例。strtr()函数的基本语法如下:strtr(string$str,array$replace)其中,$str是要进行替换操作的原始字

PHP 函数与其他语言函数的比较 PHP 函数与其他语言函数的比较 Apr 10, 2024 am 10:03 AM

PHP函数与其他语言的函数有相似之处,也有一些独特之处。在语法上,PHP函数用function声明,JavaScript用function声明,Python用def声明。参数和返回值方面,PHP函数可接受参数并返回一个值,JavaScript和Python也有类似功能,但语法不同。范围上,PHP、JavaScript和Python的函数均具有全局或局部范围,全局函数可从任意位置访问,局部函数只能在其声明作用域内访问。

PHP函数的性能如何? PHP函数的性能如何? Apr 18, 2024 pm 06:45 PM

不同PHP函数的性能对应用程序效率至关重要。性能较好的函数包括echo、print,而str_replace、array_merge、file_get_contents等函数性能较慢。例如,str_replace函数用于替换字符串,性能中等,而sprintf函数用于格式化字符串。性能分析表明,执行一个示例仅需0.05毫秒,证明了函数性能良好。因此,明智地使用函数可以构建更快、更高效的应用程序。

See all articles