jQuery Mobile 教程:主题

时间:2026-02-15 21:17:35

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 教程:主题

© 2026 五度知识库
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com