古詩詞大全網 - 古詩大全 - web app 頁面切換特效怎樣實現

web app 頁面切換特效怎樣實現

使用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”則會變成從大到小消失。

今天老總跟我們聊天,說了很多技術的東西,有很多關於線程和內存的內容,憑我現在的水平,不理解其說的內容,以後要在這方面多加註意些,註重性能優化。

在軟件行業,要實時跟上軟件發展的進程。老總有個比喻,是這樣的。菜市場每天都有很多新鮮的菜進入,如果妳抱著壹捆不新鮮的菜來買,即使妳人緣再好,老主顧也會離妳而去,更別說其他。