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属性
  • 热门搜索
    万紫千红的近义词 高尚的近义词是什么 打印机扫描怎么用 微信群怎么加入 感冒头疼 皮带打孔器怎么用 痛经怎么治 嗳气怎么治疗 王源发型 犹豫的近义词