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

  • jQuery Mobile 教程:按钮
  • jquerymobile教程:[1]helloworld
  • jQuery Mobile 教程:按钮图标
  • jQuery Mobile 教程:页面切换动画
  • jQuery Mobile 教程:Collapsible Content属性
  • 热门搜索
    快速减肥方法大全 河南师范大学怎么样 过午不食减肥 香椿芽怎么吃 蓝宝石攻略 仓鼠怎么训练 台风来了怎么办 宏村旅游攻略 郭台铭简介 达达兔免费观看延禧攻略