<!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. NSArray,NSSet,NSDictionary的遍历,基本使用集锦

    NSArray *array = [NSArray arrayWithObjects:@"zhangsan",@"lisi",@"wangwu&quo ...

  2. LabVIEW串口通信的一个例子-串口"示波器"

    1.程序界面:<ignore_js_op> 功能介绍:左边上方串口接收区,下方为串口字符发送区.右方为一个波形图表,在程序内部每次将串口发送过来的数据,以f%格式化,显示在波形图表上.按钮 ...

  3. SecureCrt 利用公匙登录L机取消密码登录。

    原理自不用多说了. 用SecureCRT生成一个公匙.密匙 把公匙传到多个L机上,然后就可以利用同一个私匙登录多个L机了. 密码都不用换.多轻松好使. SecureCRT-Tools-Create P ...

  4. CMOS、BIOS

    CMOS主要的功能为记录主板上面的主要参数,包括系统时间.CPU电压与频率.各项设备的I/O地址与IRQ等,由于这些数据的记录要花费电力,因此主板上面才有电池. BIOS为写入到主板上某一块闪存或EE ...

  5. 21. Merge Two Sorted Lists

    Merge two sorted linked lists and return it as a new list. The new list should be made by splicing t ...

  6. JSP显示-下拉框

    <TABLE class="table-frame" id=p1 cellSpacing=0 cellPadding=0 width="99%" alig ...

  7. Spring中使用Jcaptcha实现校验码验证

    本文将使用Jcaptcha实现校验码验证,并演示在Spring/SpringMVC环境下的使用方法. 1. maven依赖 <dependency> <groupId>com. ...

  8. JQ添加移除css样式--转载 心存善念

    我们常常要使用Javascript来改变页面元素的样式.其中一种办法是改变页面元素的CSS类(Class),这在传统的Javascript里,我们通常是通过处理HTML Dom的classname特性 ...

  9. （转）PK系列之六：该不该读中文翻译的专业书

    本文引用地址:http://blog.sciencenet.cn/blog-2999994-956596.html 此文来自科学网王立新博客,转载请注明出处. 刘新建:这几天在读一本译著:投入产出分析 ...

  10. hdu5442（2015长春赛区网络赛1006）后缀数组+KMP /最小表示法？

    题意:给定一个由小写字母组成的长度为 n 的字符串,首尾相连,可以从任意一个字符开始,顺时针或逆时针取这个串(长度为 n),求一个字典序最大的字符串的开始字符位置和顺时针或逆时针.如果有多个字典序最大 ...