标签：
昨天做到后面后打算把w3school里的课程过一遍，一般这上面都是系统而简单的基础课程，相信看了后会有整体的认识。想要每天在这里更一篇，或许博客内容很多都是参照其他的但是这样会让我更多的动手实践。
昨天照着做了一个最基础的手机页面跳转，今天就看看其他简单的功能。
data-transition属性，是一种页面打开方式的属性，从这一页如何跳转到下一页的效果，可用在任意链接上，
这里面的效果都在本地试了一遍，比较简单常用的效果应该就那么几个，这里如果需要效果反向，比如slide是从左到右的动作你希望他从右到做就可以加属性data-direction="reverse"，比如
<a href="#pagetwo" data-transition="slide" data-direction="reverse">滑动</a>
按钮，在jQueryMobile中可通过三种方式添加创建按钮，<input>,<button></button>,<a href="#" data-role="button">,常用第三种方式创建按钮，前两种更多的是运用于表单提交。
默认情况下，按钮会占据屏幕的全部宽度。如果您需要按钮适应其内容，或者如果您需要两个或多个按钮并排显示，请添加 data-inline="true"，有了这个属性之后按钮的宽度就是自适应的，根据按钮内字数的多少来并排显示长度↖(^ω^)↗
实践了一下这些个属性http://sandbox.runjs.cn/show/0uvgh5tu
jQuerymobile还提供了按钮组的展现形式,data-role="contolgroup"与data-type="horizontal/vertical"一起使用一般，看按钮组是按照垂直排布还是水平排布，
按钮还有其他属性包括，data-corners是否有属性，data-mini是否是小型按钮，data-shadow是否有阴影，这些属性试了一下都是在单个按钮取作用在按钮组中不取作用
标签：
原文地址：http://www.cnblogs.com/chen7/p/4670872.html
