<!doctype html>

<html>

<head>

<meta charset="utf-8">

<meta name="viewport" content="width=device-width,initial-width=1.0,maximum-width=1.0,user-scalable=no"/>

<title>无标题文档</title>

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css">

<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>

<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>

</head>

<body>

<div data-role="page" id="home">

	<div data-role="header">

    	<a data-role="button" href="#home" data-icon="home">主页</a>

    	<h4>公司简介</h4>

     	<a data-role="button" href="#home" data-icon="search">搜索</a>

     </div>

     <div data-role="content">欢迎访问公司！我公司是专业制作手机app的软件公司。</div>

     <div data-role="footer" class="ui-btn">

     	<a data-role="button" href="#home">公司简介</a>

        <a data-role="button" href="#page1">技术力量</a>

        <a data-role="button" href="#page2">联系方式</a>

        <a data-role="button" href="#page3">通讯录</a>

     </div>

</div>

<div data-role="page" id="page1">

	<div data-role="header">

    	<a data-role="button" href="#home" data-icon="home">主页</a>

    	<h4>技术力量</h4>

     	<a data-role="button" href="#home" data-icon="search">搜索</a>

     </div>

     <div data-role="content">公司有专业设计师、软件开发工程师数十名。</div>

     <div data-role="footer" class="ui-btn">

     	<a data-role="button" href="#home">公司简介</a>

        <a data-role="button" href="#page1">技术力量</a>

        <a data-role="button" href="#page2">联系方式</a>

        <a data-role="button" href="#page3">通讯录</a>

     </div>

</div>

<div data-role="page" id="page2">

	<div data-role="header">

    	<a data-role="button" href="#home" data-icon="home">主页</a>

    	<h4>联系方式</h4>

     	<a data-role="button" href="#home" data-icon="search">搜索</a>

     </div>

     <div data-role="content">QQ:23110134。</div>

     <div data-role="footer" class="ui-btn">

     	<a data-role="button" href="#home">公司简介</a>

        <a data-role="button" href="#page1">技术力量</a>

        <a data-role="button" href="#page2">联系方式</a>

        <a data-role="button" href="#page3">通讯录</a>

     </div>

</div>

<div data-role="page" id="page3">

	<div data-role="header">

    	<a data-role="button" href="#home" data-icon="home">主页</a>

    	<h4>通讯录</h4>

     	<a data-role="button" href="#home" data-icon="search">搜索</a>

     </div>

     <div data-role="content">

     	<ul data-role="listview" data-autodividers="true" data-inset="true" data-filter="true" data-filter-placeholder="搜索姓名...">

            <li>Bill Gates</li>

            <li>James Wang</li>

            <li>Jeff Chen</li>

            <li>陈安国 欧巴</li>

        </ul>

     </div>

     <div data-role="footer" class="ui-btn">

     	<a data-role="button" href="#home">公司简介</a>

        <a data-role="button" href="#page1">技术力量</a>

        <a data-role="button" href="#page2">联系方式</a>

        <a data-role="button" href="#page3">通讯录</a>

     </div>

</div>

</body>

</html>

jQuery Mobile_公司简介的更多相关文章

  1. dedecms首页怎么调用公司简介的内容

    DeDeCMS功能虽然强大,但还是有些细节上的功能没有实现,正如本文描述的问题一样,DEDECMS要在网站首页调用公司简介的内容,而且还要截取前多少个字符数的时候,DEDECMS标签中没有能实现这样的 ...

  2. 公司简介 - CCDI悉地国际-工程实践专业服务的引领者

    公司简介 - CCDI悉地国际-工程实践专业服务的引领者 关于悉地国际         CCDI悉地国际(以下简称"CCDI")创立于1994年,是在城市建设和开发领域从事综合专业 ...

  3. Atitit uke公司简介与基本制度建设草案v11 r66 .docx

    Atitit uke公司简介与基本制度建设草案v11 r66 .docx Uke  org prj Author撰写人: 作者:: 绰号:老哇的爪子claw of Eagle 偶像破坏者Iconocl ...

  4. 织梦 dedecms 首页调用公司简介的内容

    首页调用公司简介的代码: {dede:sql sql='Select content,substring(content,1,300) as content from dede_arctype whe ...

  5. [转]webMethods公司简介

    原文链接 webMethods公司简介 webMethods,Inc.(美国纳斯达克股市上市代号:WEBM)为著名业务整合软件供应商之一.公司于1996年创立,总部位于美国佛吉尼亚州(Virginia ...

  6. jQuery Mobile_表单元素

    <!doctype html> <html> <head> <meta charset="utf-8"> <title> ...

  7. JQuery 鼠标事件简介

    mouseover事件于用户把鼠标从一个元素移动到另外一个元素上时触发,mouseout事件于用户把鼠标移出一个元素时触发. 下面为你详细介绍下jquery中的鼠标事件: (1):click事件:cl ...

  8. jquery.easypiechart.js简介

    此插件主要是用来统计新的访问.跳出率.服务器负载.使用的RAM等,功能很强大,带有HTML5的动画效果,效果非常炫,看效果吧easyPieChart一款新型的EASY饼图数据统计Jquery插件截图: ...

  9. [JQuery EasyUI系列]简介

    一.jQuery EasyUI是一个基于jQuery的框架,继承了各种用户界面插件. 二.jQuery EasyUI框架提供了创建网页所需的一切,可以轻松建立站点. easyui是一个基于jQuery ...

随机推荐

  1. 4、C#基础整理（if语句经典习题）

    1.用 if 判断输入的是否是空格键的方法:(Console.ReadKey()的用法) ConsoleKeyInfo readkey = Console.ReadKey(); Console.Wri ...

  2. HDU 4135

    http://acm.hdu.edu.cn/showproblem.php?pid=4135 求[A,B]内与N互素的数字个数 首先对N分解质因数,对于一个质因数,1-n与它不互素的数字个数是n/(这 ...

  3. NBU 2475 Survivors(RMQ线段树)

    NBU 2475Survivors 题目链接:http://acm.nbu.edu.cn/v1.0/Problems/Problem.php?pid=2475 题意:给定n个人,每个人有strengt ...

  4. EXT遮罩效果

    <link href="/resources/ext/resources/css/ext-all.css" rel="stylesheet" type=& ...

  5. 64位gcc编译32位汇编

    由于使用as和ld来编译链接汇编程序,在使用C库的时候比较麻烦,需要输入比较多的指令,所以使用gcc进行编译链接.由于书中内容是32位汇编程序,但是机器使用的是64位操作系统,自带的gcc也是64位的 ...

  6. cookie 和 session 机制

    cookie机制 Cookie实际上是Web服务端与客户端(典型的是浏览器)交互时彼此传递的一部分内容,内容可以是任意的,但要在允许的长度范围之内.客户端会将它保存在本地机器上(如IE便会保存在本地的 ...

  7. (实用篇)PHP ftp上传文件操作类

    <?php /** * 作用:FTP操作类( 拷贝.移动.删除文件/创建目录 ) */ class class_ftp { public $off; // 返回操作状态(成功/失败) publi ...

  8. 使用dropbox 同步任意文件夹（MAC）

    使用dropbox自动同步自己mac上的文件夹: -My_Programs /Users/foreverycc/Dropbox/My_Program # . must be full absolute ...

  9. LCS (nlogn)

    最长上升子序列的O(n*logn)算法分析如下: 先回顾经典的O(n^2)的动态规划算法,设a[t]表示序列中的第t个数,dp[t]表示从1到t这一段中以t结尾的最长上升子序列的长度,初始时设dp [ ...

  10. Java 23种设计模式全解析

    转自:http://blog.csdn.net/longyulu/article/details/9159589