jqMobi
AndroidDev2022
焚膏油以继晷,恒兀兀以穷年。钻研 Android、系统架构、音视频、跨平台开发,有问题联系邮箱 hgncxzy@qq.com
展开
-
jqMobi基础(4)--jqMobi中Side Menu实现(类似人人网)
记得以前在做Native App的时候类似于人人网侧边滑动的效果非常的热,很多app仿照该效果进行开发,在jqMobi中也有类似的效果被称为Side Menu.下面我们来一步一步实现该效果。首先新建一个html文件,引入jqMobi的框架,如下:> head> meta charset="utf-8"> title>Side Menutitle>原创 2014-11-09 22:34:10 · 1185 阅读 · 0 评论 -
jqMobi基础(3)--jqMobi中实现header定义的几种方式
一、定义全局的header这个header是所有panel默认的header,需要在内部,也就是和同一级的位置添加一个header 标签,并且id必须是header例如:> html> head> meta charset="utf-8"> title>jqMobititle> link href="css/af.ui原创 2014-11-09 22:15:47 · 1648 阅读 · 0 评论 -
jqMobi基础(1)
一、什么是jqMobijqMobi是由appMobi针对HTML5浏览器和移动设备开发的javascript框架,是个极快速的查询选择库,支持W3C查询。版本jqMobi源码最初在2012年1月份推出,基于MIT/X11许可证,托管在GitHub上,开发者可参与并通过插件不断改进该框架。2012年3月13日,jqMobi 1.0版本正式发布。现在最新的版本是jqMobi 2.0原创 2014-11-06 16:03:57 · 1462 阅读 · 0 评论 -
jqMobi基础(2)--快速入门(基本框架构建)
我们了解了什么是jqMobi,并从官方下载了jqMobi开发包,下载后解压目录如下:拷贝上面的/css目录、/plugins目录、/ui目录、/appframework.js文件,如下图所示。如果需要也可以拷贝index.html,然后自己修改,比如上面我的index01.html和index02.html接下来引入css与js文件原创 2014-11-06 16:57:20 · 1442 阅读 · 0 评论 -
jqMobi插件(1)--HTML格式的ActionSheet
现在在手机客户端上Action Sheet非常常见,比如微信中的分享按钮菜单,下面我们使用jqMobi实现一个Action Sheet,如下:首先右击上面的按钮选择审查元素(我用的是Chrome浏览器,先按F12)a class="button" onclick="showCustomHtmlSheet()">Show Custom Html原创 2014-11-06 17:00:30 · 1561 阅读 · 0 评论 -
jqMobi插件(2)--JSON格式的ActionSheet
在上一篇中我们学会了ActionSheet的使用,细心的朋友可能会发现其中创建列表的格式是HTML的,代码如下:function showCustomHtmlSheet() { $("#afui").actionsheet('BackShow Alert 3Show Alert 4'); } 这一篇我们来研究一下json格式的ActionSh原创 2014-11-06 17:11:37 · 1288 阅读 · 0 评论