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属性
  • 热门搜索
    刘绍棠的简介 延禧攻略免费播放 西藏旅游攻略 怎么做电子表格 qq音乐怎么下载歌词 舟山攻略 瑜伽减肥操 西红柿怎么吃减肥 跑步机减肥吗 求职目标怎么写