JqueryMobile- 搭建主模板

  最近公司要开发手机端的,可是我没学过安卓,然后用HTML5+JQUERYMOBILE也可以做这些手机端的程序,做成个网页,发到网上,免强也行,于是开始了我JQUERYMOBILE的学习。

  先放一下主模板,在建三个DIV,在data-role属性里依次放header,content,footer,于是主模板就有了,很是EASY!

  代码贴下,备注:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link href="../assets/lib/mobile/jquery.mobile-1.4.2.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <!--data-role属性就是JQM中控件的概念-->
    <div data-role="page">
        <div data-role="header" data-position="fixed">
            <h1>这是标题头</h1>
        </div>
        <div data-role="content">
            <a href="02-page2.html" data-transition="slide">Page2</a> <a href="03-page3.html"
                data-rel="dialog">Page3</a>
        </div>
        <div data-role="footer" data-position="fixed">
            <h4>
                Copyright &copy; chunxiao.cn</h4>
        </div>
    </div>
</body>
</html>
<script src="../assets/lib/jquery/jquery-1.11.0.js" type="text/javascript"></script>
<script src="../assets/lib/mobile/jquery.mobile-1.4.2.js" type="text/javascript"></script>
时间: 2024-08-28 03:25:47

JqueryMobile- 搭建主模板的相关文章

搭建主DNS服务器

DNS是在网络中将计算机名转换成IP的一个服务,在LINUX中可以很轻松的搭建一台DNS服务器,我们需要在LINUX系统中安装DNS服务(安装包名:bind)为了安全我们通常用一起安装bind-chroot为DNS的牢目录.根目录.为了放便还可以安装DNS配置文件的模板包(caching-nameserver).安装完后,我们需要对DNS进行配置我们要监听的IP.端口.解析的域名,配置好后我们重启服务就好了,然后我们可以找别一台,本机也可以,指定DNS地址然后进行测试. 下面是我们的一个搭建过程

一个App完成入门篇-搭建主框架

通过第一课的学习,你已经掌握了如何通过debug调试器来跟PC上的设计器联调来实时查看UI设计效果.调试代码了,接下来通过一系列的demo开发教学你将很快上手学习到如何开发一个真正的App. 要开发App,最重要的就是确定主框架,好的主框架能起到减少工作量.简化代码的作用,而页面通常需要产品人员的UE设计和美工人员的UI设计,如下图所示,这两个步骤完成后才开始实现功能,由于篇幅限制,本教程不再赘述如何设计UI和UE,直接通过开发一个仿微信主页面的页面来做示范. 完整的demo请参考下载地址,可以

swift项目第五天:swift中storyBoard Reference搭建主界面

一:StoryBoard Reference的介绍 StoryBoard Reference是Xcode7,iOS9出现的新功能 目的是让我们可以更好的使用storyboard来开发项目 在之前的开发中,如果使用一个storyboard开发,那么非常容易造成代码冲突 可以通过使用storyboard创建控制器的方式解决. 官方目前推出了StoryBoard Reference的方式 优点: 允许你从 segue 中引用其他 storyboard 中的 viewController 可以将不同模块

PostgreSQL使用pg_basebackup搭建主备流复制环境

今天用pg_basebackup搭建了主备流复制环境,操作流程很简单,可在线操作,相当方便. 环境均为CentOS6.6 + postgresql9.4,我用已安装的库做测试,端口不一致,不影响环境搭建,但要注意某些相关配置: 主:192.168.3.201 port:5431 备:192.168.3.202 port:5432 数据库安装过程省略.可参考 http://blog.csdn.net/baiyinqiqi/article/details/45560229 主库参数配置postgre

搭建主域名服务器(上)

按如下要求配置一台主域名服务器①域名为linux.net,网段为192.168.10.0/24,服务器的IP为192.168.10.10,主机名为dns.linux.net②需要解析的服务器包括:www.linux.net(192.168.10.11)                       ftp.linux.net(192.168.10.12)                       mail.linux.net(192.168.10.13)******1.设置IP#vi /etc/

Linux—CentOS7.4-DNS二(搭建主、从域名同步服务器)

环境:两台Linux服务器主服务器IP地址:192.168.80.10从服务器IP地址:192.168.80.20 第一步:主服务器配置[[email protected] ~]# yum install bind //安装DNS服务[[email protected] ~]# systemctl stop firewalld //关闭防火墙[[email protected] ~]# setenforce 0 //关闭selinux--------------1.编辑主配置文件--------

django book学习笔记——模板高级进阶

1.RequestContext和Context处理器 当你不想在一系例模板中都明确指定一些相同的变量时,你应该使用 RequestContext .例如: from django.template import loader, RequestContext def custom_proc(request):     "A context processor that provides 'app', 'user' and 'ip_address'."     return {     

DNS主从

一.主从DNS实验环境 系统环境 :Centos 6.6 X86_64 Master  IP:10.10.10.141 HOSTNAME: dns1.abc.com Slav    IP:10.10.10.142 HOSTNAME: dns2.abc.com 二.DNS主从同步原理图 三.搭建主DNS服务器 1.安装软件 [[email protected] ~]# yum -y install bind bind-chroot bind-utils 2.修改主配置文件 默认chroot之后的虚

NDS服务器的正向解析、反向解析、站点轮询(负载均衡)、泛域名解析、主从DNS服务器以及主从DNS更新测试

  1.什么是DNS? DNS是域名系统(Domain Name System)的缩写,简单地说就是把域名解析成IP地址. 2.DNS分为哪几种类型? 主域名服务器 辅助域名服务器(从域名服务器) 转发域名服务器 缓存域名服务器 3.DNS查询类型分为哪几种? 从查询方式来分为递归查询(要么查询成功,要么查询失败)和迭代查询(从一台DNS查询另一台DNS过程) 从查询内容来分为正向查询(由域名查找IP地址过程)和反向查询(有IP地址查询域名的过程) 实验(一) 实验名称:搭建主DNS服务器 实验