【HTML5移动开发之路（1）——jqMobi中Side Menu实现（类似人人网）】的更多相关文章

小强的HTML5移动开发之路（37）——jqMobi快速入门

在<小强的HTML5移动开发之路(33)-- jqMobi基础>中我们了解了什么是jqMobi,并从官方下载了jqMobi开发包,下载后解压目录如下: 拷贝上面的/css目录./plugins目录./ui目录./appframework.js文件,如下图所示. 如果需要也可以拷贝index.html,然后自己修改,比如上面我的index01.html和index02.html 接下来引入css与js文件 <link href="css/af.ui.css" rel=&…

小强的HTML5移动开发之路（13）——HTML5中的全局属性

来自:http://blog.csdn.net/dawanganban/article/details/18179483 一.accssskey  快捷键 <!DOCTYPE HTML> <html> <body> <a href="http://blog.csdn.net/column/details/dawanganban-html5.html" accesskey="w">小强的HTML5移动开发之路</a…

小强的HTML5移动开发之路（18）——HTML5地理定位

来自:http://blog.csdn.net/dawanganban/article/details/18192091 在前面的<小强的HTML5移动开发之路(2)--HTML5的新特性>中介绍了关于HTML5的地理定位功能,这一篇我们来详细了解一下怎么使用该功能. HTML5 Geolocation API用于获得用户的地理位置. 鉴于该特性可能侵犯用户的隐私,除非用户同意,否则用户位置信息是不可用的,在使用该功能的时候浏览器会弹出提醒框. 一.地理定位的几种方式 IP地址.GPS.Wif…

小强的HTML5移动开发之路（14）——Video标签详解

来自:http://blog.csdn.net/dawanganban/article/details/18180605 在前面的小强的HTML5移动开发之路(5)--制作一个漂亮的视频播放器中制作了一个非常好用的播放器,有的朋友对其中的原理还不是很了解,这一篇文章将在前一篇的基础上深入剖析<video>标签的使用. 一.使用技巧 在html5中可以使用<audio>或者<video>标签播放html5媒体,使用方式如下: <video src="mov…

小强的HTML5移动开发之路（11）——链接，图片，表格，框架

来自:http://blog.csdn.net/dawanganban/article/details/18098193 一.HTML是什么? HTML(hypertext mark-uplanguage)是 超文本标记语言, 主要的用处是做网页, 可以在网页上显示 文字.图像.视频.声音- HTML只能做静态网页 二.HTML发展历史 html之父-Tim Berners-Lee蒂姆·伯纳斯-李(Tim Berners-Lee)1955年6月8日出生于英国伦敦 关于详细请看:http://bl…

小强的HTML5移动开发之路（42）——HTML4与HTML5文档结构比较

一般来说,人们在书写包括HTML在内的文档时,习惯上按照类似于"章--节--小节"这样的层次结构来进行. 在HTML4中的描述方式: <html> <head> </head> <body> <h1>第一章 小强的HTML5移动开发之路</h1> <h2>1.1 HTML5概述</h2> <h3>1.1.1 HTML5是什么?</h3> <h3>1.1.2…

小强的HTML5移动开发之路（41）——jqMobi中Side Menu实现（类似人人网）

记得以前在做Native App的时候类似于人人网侧边滑动的效果非常的热,很多app仿照该效果进行开发,在jqMobi中也有类似的效果被称为Side Menu.下面我们来一步一步实现该效果. 首先新建一个html文件,引入jqMobi的框架,如下: <!DOCTYPE html> <head> <meta charset="utf-8"> <title>Side Menu</title> <link href="…

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

记得以前在做Native App的时候类似于人人网侧边滑动的效果非常的热,很多app仿照该效果进行开发,在jqMobi中也有类似的效果被称为Side Menu.下面我们来一步一步实现该效果. 首先新建一个html文件,引入jqMobi的框架,如下: 接下来再添加一个panel如下 接下来我们来添加一个<nav>在panel同级标签下 接下来我们再来添加一个panel,并添加header和footer 我们会发现此时两个panel对应的side menu是同一个,下面我们为各个panel分别指定…

小强的HTML5移动开发之路（40）——jqMobi中实践header定义的几种方式

一.定义全局的header 这个header是所有panel默认的header,需要在<div id="afui">内部,也就是和<div id="content">同一级的位置添加一个header 标签,并且id必须是header 例如: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>jq…

小强的HTML5移动开发之路（51）——jquerymobile中改善页面访问速度

在使用jQuery Mobile进行开发的时候可以选择单页模版和多页模版,在使用单页模版的时候从一个页面跳转到另一个页面的时候需要从服务器请求,用户会感到略有停顿.使用多页模版,可以改善页面跳转之间的流畅性,但是多个页面要一次性下载,所以下载时间变长,用户体验也会受到影响. 在基于预取技术的开发中,当第一个页面的DOM对象加载完成后,jQuery Mobile会对标记data-prefetch的链接地址进行预取操作.预取的详细过程如下: 注意:使用预取功能时,不建议给所有链接都添加data-pr…