1 回答

TA貢獻1842條經驗 獲得超13個贊
使用jQuery Mobile開發Web App-頁面切換動畫 android
jQuery Mobile包含一組基于CSS3的過渡動畫(又稱轉場效果),可以應用在任何頁面或page組件切換。jQuery Mobile默認對頁面切換和返回按鈕設置了滑動(slide)效果。
要設定一個特定過渡效果,只需要在鏈接上添加一個data-transition屬性,可以使用以下屬性值:
<a data-transition="pop">I'll pop</a>
jQuery Mobile提供了6種切換動畫:slide(滑動)、slideup(向上滑動)、slidedown(向下滑動)、pop(拋出)、fade(淡入淡出)和flip(3D翻轉)。動畫效果見這里。
注意:flip效果在大多數android瀏覽器上不能被正確渲染,因為缺少對3d css transform的支持。不幸的是android并沒有忽略flip效果,而是使用水平翻轉來替代。所以建議在android完美支持之前謹慎使用flip效果。
此外,你可以使用data-direction=”reverse”來設定反向的過渡效果,比如對slide效果(從右往左)使用data-direction=”reverse”則會變成從左往右,對pop效果(從小到大拋出)使用data-direction=”reverse”則會變成從大到小消失。
- 1 回答
- 0 關注
- 727 瀏覽
添加回答
舉報