jQuery Mobile 教程:主题

 时间:2026-04-24 10:39:47

1、主题 "a"

<div data-role="page" id="pageone" data-theme="a">

  <div data-role="header">

    <h1>此处是页面标题</h1>

  </div>

  <div data-role="content">

    此处是内容

    <a href="#" data-role="button">按钮</a>

  </div>

  <div data-role="footer">

    <h1>此处是页脚文本</h1>

  </div>

</div> 

jQuery Mobile 教程:主题

2、主题“b”

<div data-role="page" id="pageone" data-theme="b">

  <div data-role="header">

    <h1>此处是页面标题</h1>

  </div>

  <div data-role="content">

    此处是内容

    <a href="#" data-role="button">按钮</a>

  </div>

  <div data-role="footer">

    <h1>此处是页脚文本</h1>

  </div>

</div> 

jQuery Mobile 教程:主题

3、主题“c”

<div data-role="page" id="pageone" data-theme="c">

  <div data-role="header">

    <h1>此处是页面标题</h1>

  </div>

  <div data-role="content">

    此处是内容

    <a href="#" data-role="button">按钮</a>

  </div>

  <div data-role="footer">

    <h1>此处是页脚文本</h1>

  </div>

</div> 

jQuery Mobile 教程:主题

4、主题“d”

<div data-role="page" id="pageone" data-theme="d">

  <div data-role="header">

    <h1>此处是页面标题</h1>

  </div>

  <div data-role="content">

    此处是内容

    <a href="#" data-role="button">按钮</a>

  </div>

  <div data-role="footer">

    <h1>此处是页脚文本</h1>

  </div>

</div> 

jQuery Mobile 教程:主题

5、主题“e”

<div data-role="page" id="pageone" data-theme="e">

  <div data-role="header">

    <h1>此处是页面标题</h1>

  </div>

  <div data-role="content">

    此处是内容

    <a href="#" data-role="button">按钮</a>

  </div>

  <div data-role="footer">

    <h1>此处是页脚文本</h1>

  </div>

</div> 

jQuery Mobile 教程:主题

  • jQuery Mobile 教程:按钮
  • jquerymobile教程:[1]helloworld
  • jQuery Mobile 教程:按钮图标
  • jQuery Mobile 教程:页面切换动画
  • jQuery Mobile 教程:Collapsible Content属性
  • 热门搜索
    嘴里面起泡怎么办 海南文昌旅游 大雁塔在哪里 控制面板在哪里打开 360文件恢复怎么用 软件卸载不掉怎么办 如何提高学习成绩 视频转换器怎么用 路由器密码怎么设置 孔夫子旧书网怎么样