摘要:[jQuery Mobile] page 頁面切換效果一覽
一個好的 App ，除了程式寫的好，另外一方面也是在使用者體驗的操作上，處理相當的不錯，
然而「頁面切換」的效果，往往也是使用者體驗最重要的一部分，
jQuery Mobile 貼心的為大家將這些轉換的效果都做出來了，
只需要輸入轉換效果的名稱，就可以輕鬆的產生這些不容易自己完成的特效，
以下列出完整的 jQuery Mobile 頁面切換效果，
有興趣的也可以直接看這個範例：頁面切換效果
( 使用 EZoApp 工具，點選上方 preview 即可預覽效果 )
jQuery Mobile 頁面切換效果一覽：
- default：預設值 ( fade )
- fade：淡入淡出 ( 預設值 )
- flip：翻轉
- flow ：流動切換效果
- pop：彈出窗口顯示
- slide：左右滑動切換
- slidefade：左右滑動 + 淡入淡出切換
- slideup：由上而下滑動切換
- slidedown：由下而上滑動切換
- turn：轉向下一頁
- none：直接切換
使用方式：
我們要切換頁面的前一個動作，通常是點選一個按鈕才會到下一頁，
因此將設定綁定在按鈕上，同時把上面的效果名稱，填入 data-transition 當中
href 的部分填上頁面的 id，只需要這樣子，就完成了！( 超簡單！ )
<a class="ui-btn" href="#頁面id" data-transition="slide">slide</a>
然而頁面要用同樣的效果返回，甚至連設定都不用這麼麻煩，
只要在返回的按鈕加入 data-rel="back ，一切搞定！
<a class="ui-btn" data-rel="back">back</a>
使用 jQuery Mobile，就可以非常輕鬆愜意的完成許多效果喔！
頁面切換範例 ( 點選 preview 看效果 )