<!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. SWUST0249 （凸包面积）

    type node=record x,y:longint; end; ; var k,q,qq:longint; sum:double; f,g:..maxn] of node; m,i,j,a,b: ...

  2. iOS-Block两个界面传值

    先说一下思路: 首先,创建两个视图控制器,在第一个视图控制器中创建一个Label和一个Button,其中Label是为了显示第二个视图控制器传过来的字符串, Button是为了push到第二个界面. ...

  3. 暴力枚举——Help Me with the Game

      Time Limit: 1000MS   Memory Limit: 65536K Total Submissions: 3394   Accepted: 2172 Description You ...

  4. C中的setjmp与longjmp

    setjmp与longjmp是属于C语言中的,当然,C++也会有这两个函数了.他们的原型如下: int setjmp( jmp_buf env ); 作用:第一次调佣时,将寄存器的当前状态信息全部存入 ...

  5. 再生核希尔伯特空间(RKHS)在监督学习(SVM)中的应用

    [转载请注明出处]http://www.cnblogs.com/mashiqi 2014/4/10 在网上找到一个讲reproducing kernel的tutorial看了一看,下面介绍一下. 首先 ...

  6. PAT (Basic Level) Practise：1006. 换个格式输出整数

    [题目链接] 让我们用字母B来表示“百”.字母S表示“十”,用“12...n”来表示个位数字n(<10),换个格式来输出任一个不超过3位的正整数.例如234应该被输出为BBSSS1234,因为它 ...

  7. Think Python - Chapter 8 - Strings

    8.1 A string is a sequenceA string is a sequence of characters. You can access the characters one at ...

  8. PAT (Basic Level) Practise：1029. 旧键盘

    [题目链接] 旧键盘上坏了几个键,于是在敲一段文字的时候,对应的字符就不会出现.现在给出应该输入的一段文字.以及实际被输入的文字,请你列出肯定坏掉的那些键. 输入格式: 输入在2行中分别给出应该输入的 ...

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

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

  10. UI学习笔记---第三天

    视图控制器 功能:视图大小变换 \布局视图\响应事件\检测处理内存警告\检测以及处理屏幕旋转\检测视图切换 MVC (model View controller) UIViewController是M ...