# jQuery Mobile 頁面切換 jQuery Mobile 包含 CSS3 效果讓您選擇頁面打開的方式。 ## jQuery Mobile 頁面切換效果 jQuery Mobile 提供了各種頁面切換到下一個頁面的效果。 **注意：**為了實現頁面切換效果，瀏覽器必須支持 CSS3 3D 切換： * Internet Explorer 10 支持 3D 切換（早期版本不支持） * Opera 不支持 3D 切換 頁面切換效果可被應用于任何使用 data-transition 屬性的鏈接或表單提交： ``` <a href="#anylink" data-transition="slide">切換到第二個頁面</a> ``` 下面的表格顯示了通過使用 data-transition 屬性后可用的頁面切換： | 頁面切換 | 描述 | 嘗試一下 | | :-- | :-- | :-- | | fade | 默認。淡入到下一頁 | | flip | 從后向前翻轉到下一頁 | | flow | 拋出當前頁，進入下一頁 | | pop | 像彈出窗口一樣進入下一頁 | | slide | 從右到左滑動到下一頁 | | slidefade | 從右到左滑動并淡入到下一頁 | | slideup | 從下到上滑動到下一頁 | | slidedown | 從上到下滑動到下一頁 | | turn | 翻到下一頁 | | none | 沒有切換效果 | >  > 在 jQuery Mobile 的所有鏈接上，默認使用淡入淡出的效果（如果瀏覽器支持）。 **提示：**上面的所有效果支持后退行為。例如，如果您想要頁面從左向右滑動，而不是從右向左滑動，請使用帶有 "reverse" 值的 data-direction 屬性。在后退按鈕上這是默認的。 ## 實例 ``` <a href="#pagetwo" data-transition="slide" data-direction="reverse">切換</a> ```