<!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. XMLParser解析xml--内容源自网络(在静态库中不能用GDATA来解析,因为静态库不能加动态库)

    </Books> 从其文档结构我们可以看出,要定义一个Book实体类描述具体的书籍信息,其中用于存储的相关xml文档元素的实例变量与对应元素同名(本例:title.author.summa ...

  2. BZOJ2243 (树链剖分+线段树）

    Problem 染色(BZOJ2243) 题目大意 给定一颗树,每个节点上有一种颜色. 要求支持两种操作: 操作1:将a->b上所有点染成一种颜色. 操作2:询问a->b上的颜色段数量. ...

  3. JLOI2010 冠军调查 最小割

    var b,f:..] of longint; s,t,i,j,n,m,x,y:longint; l,h:..]of longint; a:..,..]of longint; procedure bf ...

  4. CQOI2009 BZOJ1303 中位数

    首先找出b在数列中的位置mid 用 f[i]记录mid左边从mid往左统计比m小的数与比m大的数的差值为i的个数 用g[i]记录mid右边从mid往右统计比m大的数与比m小的数的差值为i的个数 ..有 ...

  5. PHP 安全

    作为PHP程序员,特别是新手,对于互联网的险恶总是知道的太少,对于外部的入侵有很多时候是素手无策的,他们根本不知道黑客是如何入侵的.提交入侵.上传漏洞.sql 注入.跨脚本攻击等等.作为最基本的防范你 ...

  6. OpenHCI - Data Transfer Types

    There are four data transfer types defined in USB(USB中有4种数据传输类型). Each type is optimized to match th ...

  7. 了解 C++ 默默编写并调用的函数

    前言 对于一个类来说,最最基础的三类成员函数莫过于:构造函数,析构函数以及拷贝函数 (copy构造函数和=重载函数).即使你的类没有为这些函数做出定义,C++ 也会自动为你创建.本文将讲述的是 C++ ...

  8. Apache CXF 103 CXF Basics - partial

    本Spike记录中内容,如无特别指出,均引用[1]. 0 引言 0.1 基本的Web服务术语 XML 业界的结构化交换信息表示的事实上的标准. XML namespace是在XML文档中提供唯一的命名 ...

  9. Codeforces Round #303 (Div. 2) B 水 贪心

    B. Equidistant String time limit per test 1 second memory limit per test 256 megabytes input standar ...

  10. JS从头开始

    API:应用程序编程接口 HTML:超文本标记语言 XML:可扩展标记语言 HTML和XML的差别:设计目的不同:XML被设计用来传输和存储数据,其焦点在数据的内容:HTML被设计用来显示数据,其焦点 ...