使用jQuery Mobile開發(fā)Web App-頁面切換動(dòng)畫 android
　　jQuery Mobile包含一組基于CSS3的過渡動(dòng)畫（又稱轉(zhuǎn)場(chǎng)效果），可以應(yīng)用在任何頁面或page組件切換。jQuery Mobile默認(rèn)對(duì)頁面切換和返回按鈕設(shè)置了滑動(dòng)（slide）效果。

　　要設(shè)定一個(gè)特定過渡效果，只需要在鏈接上添加一個(gè)data-transition屬性，可以使用以下屬性值：
　　<a data-transition="pop">I'll pop</a>
　　jQuery Mobile提供了6種切換動(dòng)畫：slide(滑動(dòng))、slideup(向上滑動(dòng))、slidedown(向下滑動(dòng))、pop(拋出)、fade(淡入淡出)和flip(3D翻轉(zhuǎn))。動(dòng)畫效果見這里。

　　注意：flip效果在大多數(shù)android瀏覽器上不能被正確渲染，因?yàn)槿鄙賹?duì)3d css transform的支持。不幸的是android并沒有忽略flip效果，而是使用水平翻轉(zhuǎn)來替代。所以建議在android完美支持之前謹(jǐn)慎使用flip效果。

　　此外，你可以使用data-direction=”reverse”來設(shè)定反向的過渡效果，比如對(duì)slide效果（從右往左）使用data-direction=”reverse”則會(huì)變成從左往右，對(duì)pop效果（從小到大拋出）使用data-direction=”reverse”則會(huì)變成從大到小消失。