jQuery Mobile 教程:按钮

 时间:2026-02-16 10:41:55

1、创建按钮

<a href="#pagetwo" data-role="button">转到页面二</a>

jQuery Mobile 教程:按钮

2、行内按钮

 <a href="#pagetwo" data-role="button" data-inline="true">转到页面二</a>

jQuery Mobile 教程:按钮

3、分组按钮

<div data-role="controlgroup" data-type="horizontal">

    水平分组:

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

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

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

    </div>

<div data-role="controlgroup" data-type="vertical">

    垂直分组(默认):

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

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

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

    </div>

jQuery Mobile 教程:按钮

4、带有和不带有圆角的按钮

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

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

jQuery Mobile 教程:按钮

5、普通按钮和迷你按钮

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

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

jQuery Mobile 教程:按钮

6、带有和不带有阴影的按钮

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

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

jQuery Mobile 教程:按钮

  • jQuery Mobile 教程:按钮图标
  • jQuery Mobile 教程:工具栏
  • jQuery Mobile 教程:主题
  • 如何使用jquery mobile设置按钮的阴影样式
  • jQuery Mobile 教程:页面切换动画
  • 热门搜索
    韶关旅游景点大全 旅游时跟妈妈有了关系 海拉尔旅游攻略 天津旅游网 济南周边旅游景点 杭州西溪湿地旅游攻略 重庆旅游租车 云南旅游景点介绍 云南旅游咨询 河南旅游网