兩個頁面之間跳轉時，爲了美觀，可以實現從左到右的滑動，或從右到左的滑動。效果如下：
點擊之後
運行之後可以看到頁面轉換時的滑動效果。
代碼：
<body>
<div data-role="page" id="pageone">
<div data-role="header">
<h1>I am head</h1>
</div>
<div data-role="content">
<p>hello world</p>
<a href="#pagetwo" data-transition="slide">從左到右滑動</a>
</div>
<div data-role="footer">
<h1>I am foot</h1>
</div>
</div>
<div data-role="page" id="pagetwo">
<div data-role="header">
<h1>I am head</h1>
</div>
<div data-role="content">
<a href="#pageone" data-transition="slide" data-direction="reverse">從右到左滑動</a>
</div>
<div data-role="footer">
<h1>I am foot</h1>
</div>
</div>
</body>解釋：
1、關鍵代碼：data-transition="slide"表示超鏈接被點擊時，滑動的方式切換頁面。
2、默認是以從左到右的方式滑動，如果想從右到左，需加入data-direction="reverse"屬性。
其他滑動效果：
| slide | 從右向左滑動 |
| fade | 淡入淡出（默認） |
| flip | |
| flow | |
| pop | |
| slidefade | |
| slideup | |
| slidedown | |
| turn | |
| none |