jquery mobile 按钮(二)

3.组合按钮

组合按钮就是将几个按钮组合在一起。Jquery mobile提供了一个实现该功能的方法，将data-role=”controlgroup”属性和data-type="horizontal|vertical" 一起使用来规定是否水平或垂直组合按钮。

运行结果：

 

4.后退按钮

在手机页面中，当我们想退出一个页面的时候，需要有后退按钮，在jquery mobile中只需要使用data-rel="back" 属性就可以创建后退按钮。这里是忽略a的href值

 

 

运行结果：

 

点击访问第二个页面

 

点击返回，跳转到访问第二个页面

5.修改按钮颜色为黑色

<a href="#" class="ui-btn ui-btn-b">黑色按钮</a>

6.为按钮添加圆角

<a href="#" class="ui-btn ui-corner-all">圆角按钮</a>

7.制作小按钮

  <a href="#" class="ui-btn ui-mini">小按钮 </a>

8.为按钮添加阴影

 

  <a href="#" class="ui-btn  ui-shadow">小按钮 </a>