网站建设项目大庆网站建设

jQuery Mobile 导航与控件开发指南

1. jQuery Mobile 页面过渡效果

jQuery Mobile 框架提供了对页面过渡效果的控制，开箱即用支持 9 种过渡效果（算上“无效果”则有 10 种），具体如下：
- fade
- pop
- flip
- turn
- flow
- slidefade
- slide
- slideup
- slidedown
- none

这些过渡效果同时适用于页面和对话框。使用过渡效果非常简单，只需在链接声明中指定即可。例如，将“About Us”链接修改为如下代码：

<li><a>About Us</a></li>

保存文件并加载项目，点击“About Us”，页面将以翻转效果过渡，而不是默认的淡入淡出效果。你可以尝试不同的过渡效果，找到自己喜欢的并应用到其他链接上。

不过，需要注意的是，这些过渡效果并非完全跨平台。在某些设备上可能会出现闪烁等异常行为。为解决这个问题，可以在自定义 CSS 文件中添加以下代码：

.ui-page { -webkit-backface-visibility: hidden; }

另外，在运行 2.x 版本的 Android 设备（约占在用 Andr