jQuery Mobile的包括，讓你選擇一個頁面應該打開方式CSS3效果。
jQuery Mobile的過渡效果
jQuery Mobile的有各種關於如何轉變從一個頁面到下一個效果。
注意：要實現過渡效果，瀏覽器必須支持CSS3 3D變換：
| 12.0 | 10.0 | 16.0 | 4.0 | 15.0 |
在表中的數字指定第一個版本的瀏覽器完全支持3D變換。
過渡效果可以通過使用該數據轉換屬性被應用到任何鏈路或表單提交：
<a href="#anylink" data-transition="slide" >Slide to Page Two</a>
下表中顯示了可以與兩個網頁和對話框的數據過渡屬性用於提供轉換：
| 過渡 | 描述 | 對於網頁 | 對於對話框 |
|---|---|---|---|
| fade | 默認。 淡入到下一頁 | 嘗試一下 | 嘗試一下 |
| flip | 翻轉到下一個頁面從後到前 | 嘗試一下 | 嘗試一下 |
| flow | 引發當前頁面離開並且與下頁 | 嘗試一下 | 嘗試一下 |
| pop | 去像一個彈出窗口下頁 | 嘗試一下 | 嘗試一下 |
| slide | 滑動到下一個頁從右到左 | 嘗試一下 | 嘗試一下 |
| slidefade | 從右滑向左和淡入淡出的下一個頁面 | 嘗試一下 | 嘗試一下 |
| slideup | 幻燈片到下一個頁面從底部到頂部 | 嘗試一下 | 嘗試一下 |
| slidedown | 滑動到下一個頁面從上到下 | 嘗試一下 | 嘗試一下 |
| turn | 轉向下一個頁 | 嘗試一下 | 嘗試一下 |
| none | 沒有過渡效果 | 嘗試一下 | 嘗試一下 |
褪色效果是默認在jQuery Mobile的所有鏈接（如果瀏覽器支持的話）。
提示：上面也都影響支持反向/向後的動作，例如，如果你想在頁面滑動由左到右，而不是從右到左，使用數據方向屬性值為"reverse" 。