红颜莎娜
使用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”则会变成从大到小消失。