<!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. Mac环境下装node.js,npm,express

    1. 下载node.js for Mac 地址: http://nodejs.org/ 直接下载 pkg的,双击安装,一路点next,很容易就搞定了. 安装完会提醒注意 node和npm的路径是 /u ...

  2. 一个比较完整的Inno Setup 安装脚本

    一个比较完整的Inno Setup 安装脚本,增加了对ini文件设置的功能,一个安装包常用的功能都具备了. [Setup] ; 注: AppId的值为单独标识该应用程序. ; 不要为其他安装程序使用相 ...

  3. 在Runbook中添加Checkpoint-workflow

    本文说明的是使用Checkpoint-workflow的一种场景(当然还有其他场景需要Checkpoint-workflow). 起因:Windows Azure对Automation账户中的Runb ...

  4. 故事板(Storyboard)

    1 使用Storyboard完成各项常见功能 1.1 问题 故事板Storyboard是IOS5开始引入的一个新的系统,将多个视图文件(类似xib文件)集中到一个单独的可视化工作区间,负责创建和管理所 ...

  5. for else

  6. 【题解】【矩阵】【回溯】【Leetcode】Unique Paths II

    A robot is located at the top-left corner of a m x n grid (marked 'Start' in the diagram below). The ...

  7. 论文学习 - 《Hadoop平台下的海量数据存储技术研究》

    摘要 研究背景: 1. 互联网的图片数据急剧膨胀 2. Hadoop平台下的Hdfs分布式文件系统能够很好的处理海量数据 研究内容: 1. Hadoop平台工作原理 2. Hadoop平台下图片存储系 ...

  8. jconsole远程查看jvm性能

    Java VisualVM -- JDK自带的强大性能监测工具 这里给出了另一种,可以通过jdk下bin目录下的jconsole.exe来观察java程序内存的使用及变化情况 一般远程调试可以用,性能 ...

  9. 十五个最常用Linux命令行 - imsoft.cnblogs

    众多Linux管理员在使用Linux的时候会经常使用到很多Linux命令行,其中有绝大部分不是经常使用到的.在本文中主要为大家总结了经常使用的十五个最常用Linux命令行,希望对刚刚接触Linux命令 ...

  10. Java 最简单的计算器——使用Args参数

    public class Test{ public static void main(String[] args){ if(args.length<3){ System.out.println( ...