jQuery Mobile 教程:按钮

 时间:2026-04-24 10:44:08

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 教程:页面切换动画
  • 热门搜索
    吉他弦断了怎么换 考研英语怎么复习 仙人球怎么养 长方形的体积怎么算 水的笔顺怎么写 你好用日语怎么说 皮肤干燥起皮怎么办才能有效啊 土豆泥怎么做好吃 日语加油怎么说 股骨头坏死怎么治