`
sillycat
  • 浏览: 2539144 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

Mobile Jquery(I) Creating-a-website-using-jquery-mobile

阅读更多
Mobile Jquery(I) Creating-a-website-using-jquery-mobile

1. Part One Manage my page layout
<link rel="stylesheet" href="../components/jquerymobile/jquery.mobile-1.0a4.1.css" />
<script src="../components/jquery/jquery-1.6.js"></script>
<script src="../components/jquerymobile/jquery.mobile-1.0a4.1.js"></script>

<div data-role="page">
<div data-role="header">
<div data-role="content">
<div data-role="footer">
<ul data-role="listview" data-inset="true">

2. Part Two manage the list View
<ul data-role="listview" data-inset="true">
    <li class="list-item-speaker">
        <div class="list-item-content-speaker">
            <img src="img/placeholder-2.png" class="thumb-speaker-small" />
            <h3>
                Speaker A</h3>
            <p>
                Short introduction of Speaker A</p>
        </div>
    </li>
</ul>

references:
http://miamicoder.com/2011/creating-a-website-using-jquery-mobile-part1
http://miamicoder.com/2011/creating-a-website-using-jquery-mobile-part-2
http://miamicoder.com/2011/creating-a-website-using-jquery-mobile-part-3

http://jquerymobile.com/demos/1.0a4.1/
http://jquerymobile.com/
分享到:
评论

相关推荐

    最新jquery.mobile-1.4.0 jquery.mobile-1.4.0.zip

    最新jquery.mobile-1.4.0 jquery.mobile-1.4.0.zip 含Demos 最新jquery.mobile-1.4.0-UI(jQuery+CSS+images+demos.index.html) jquery.mobile-1.4.0.min.js jquery.mobile-1.4.0.js jquery.mobile-1.4.0.min....

    jquery.mobile-1.4.5.min.js 含sources源码

    jquery.mobile-1.4.5.min.js A Touch-Optimized Web Framework jQuery Mobile is a HTML5-based user interface system designed to make responsive web sites and apps that are accessible on all smartphone, ...

    jQuery.mobile-1.0.1.js与jQuery.mobile-1.0.1.min.js

    本篇将深入探讨jQuery Mobile 1.0.1版本,包括其核心组件`jquery.mobile-1.0.1.js`和压缩版`jquery.mobile-1.0.1.min.js`,以及配套的样式文件`jquery.mobile-1.0.1.css`和压缩版`jquery.mobile-1.0.1.min.css`。...

    jquery.mobile-1.4.2

    首先,jQuery Mobile 1.4.2的核心在于其CSS样式文件,如`jquery.mobile-1.4.2.css`和对应的最小化版本`jquery.mobile-1.4.2.min.css`。这些样式文件是框架的基础,定义了组件的外观和交互效果,包括按钮、表单、页签...

    jquery.mobile-1.4.5

    `jquery.mobile-1.4.5.css`和其minified版本`jquery.mobile-1.4.5.min.css`提供了这些页面过渡效果和基本布局所需的样式。 3. **主题与可定制性** 该框架提供了主题系统,允许开发者通过简单的CSS类选择器来改变...

    jquery.mobile-1.4.5.js

    jquery mobile 1.4.5.js

    jQuery-Mobile-Bootstrap-Theme-master

    当我们谈论"jQuery-Mobile-Bootstrap-Theme-master"时,这通常意味着一个项目或资源,它将这两者进行了融合,以便于开发者可以利用两者的优势来创建更为精美的移动界面。 首先,让我们深入了解一下jQuery Mobile。...

    jquery-mobile-theme-174943-0

    本主题,"jquery-mobile-theme-174943-0",是jQuery Mobile众多主题中的一个,它为开发者提供了统一的视觉样式,使得移动应用的设计更加美观和一致。 jQuery Mobile的核心在于其对触控事件的支持和页面结构的简化,...

    jquery.mobile-1.4.5Demo

    这个版本的Demo集成了多个CSS文件,包括`jquery.mobile-1.4.5.css`、`jquery.mobile.icons-1.4.5.css`等,这些文件为页面布局、图标展示提供了完整的样式支持。例如,`jquery.mobile-1.4.5.css`是基础样式文件,定义...

    jQuery-Mobile-Bootstrap-Theme

    使用 `jQuery-Mobile-Bootstrap-Theme`,开发者可以利用 `jQuery Mobile` 的强大功能和 `Bootstrap` 的美观设计,创建出既具有交互性又具有良好视觉效果的移动应用。在 `jQuery-Mobile-Bootstrap-Theme-master` ...

    jquery.mobile-1.3.2.js

    jquery.mobile-1.3.2.js

    jquery.mobile-1.4.5.min.css

    移动开发所需要的css文件 jQuery Mobile 1.4.5 | Git HEADhash: 68e55e7 &lt;&gt; 2014-10-31T17:33:30Z | (c) 2010, 2014 jQuery Foundation, Inc. | jquery.org/license */

    jquery.mobile-1.3.2.min

    在这个压缩包文件"jquery.mobile-1.3.2.min"中,包含的核心组件是jQuery Mobile的最小化版本,这个版本在保持功能完整的同时,优化了文件大小,提高了页面加载速度。 一、jQuery Mobile简介 jQuery Mobile 是基于...

    jquery.mobile-1.3.0.zip

    这个压缩包`jquery.mobile-1.3.0.zip`包含了构建移动Web应用所需的核心组件,包括JavaScript库、CSS样式表、文档以及演示示例。 一、jQuery Mobile简介 jQuery Mobile是基于jQuery核心库的扩展,它提供了丰富的UI...

    jquery.mobile-1.0b2

    jquery.mobile-1.0b2 jquery.mobile-1.0b2jquery.mobile-1.0b2jquery.mobile-1.0b2jquery.mobile-1.0b2jquery.mobile-1.0b2jquery.mobile-1.0b2

    jquery.mobile-1.4.2.zip

    这个压缩包"jquery.mobile-1.4.2.zip"包含了用于创建移动应用的核心CSS和JavaScript文件。jQuery Mobile是jQuery库的一个扩展,它提供了一套完整的组件,如导航、表单、按钮、页签等,使得开发者能够快速地构建功能...

    jquery.mobile-1.4.5.zip

    `jquery.mobile-1.4.5.zip` 文件包含了jQuery Mobile 1.4.5版本的所有资源,这是一个稳定且广泛使用的版本。 **1. jQuery Mobile 概述** jQuery Mobile 提供了一套完整的UI组件和交互模式,包括导航栏、滑动面板、...

    jquery-mobile-player.zip

    在“jquery-mobile-player.zip”中,主要包含了一个名为“jquery-mobile-player”的项目,这可能是一个完整的HTML5音乐或视频播放器示例。该播放器可能利用了HTML5的`&lt;audio&gt;`或`&lt;video&gt;`标签来播放媒体文件,同时...

    jquery.mobile-1.4.5.min.js

    jquery.mobile-1.4.5.min.js

Global site tag (gtag.js) - Google Analytics