jQuery Mobile 過渡效果

jQuery Mobile 包含了容許您選擇頁面打開方式的 CSS 效果。

jQuery Mobile 過渡效果

jQuery Mobile 擁有一系列關於如何從一頁過渡到下一頁的效果。

註釋：如需實現過渡效果，瀏覽器必須支持 CSS3 3D 轉換：

瀏覽器支持

• Internet Explorer 10 支持 3D 轉換（更早的版本不支持）
• Opera 仍然不支持 3D 轉換

過渡效果可應用於任意連接或經過使用 data-transition 屬性進行的表單提交：

<a href="#anylink" data-transition="slide">滑動到頁面二</a>

下面的表格展現了可與 data-transition 屬性一同使用的可用過渡：

提示：在 jQuery Mobile 中，淡入淡出效果在全部連接上都是默認的（若是瀏覽器支持）。

提示：以上全部效果同時支持反向動做，例如，若是您但願頁面從左向右滑動，而不是從右向左，請使用值爲 "reverse" 的 data-direction 屬性。在後退按鈕上是默認的。

實例:

<a href="#pagetwo" data-transition="slide" >滑動</a>data-direction="reverse"