【摘要】：接下来将通过一个具体实例的实现过程，详细讲解使用JQTouch框架为Android网页实现动画效果的过程。通过如下代码启用JQTouch和jQuery。图8-13 settings面板接下来看样式文件theme.css，此样式文件非常简单，功能是对index.html中的元素进修饰。其实图8-10、图8-11、图8-12和图8-13都是经过theme.css修饰之后的显示效果主要代码如下。到此为止，整个实例全部讲解完毕，此时每一个页面的切换功能都具有了动画效果，如图8-14所示。
接下来将通过一个具体实例的实现过程，详细讲解使用JQTouch框架为Android网页实现动画效果的过程。
首先编写一个名为index.html的HTML文件，具体代码如下。
接下来开始对上述代码进行详细讲解。
（1）通过如下代码启用JQTouch和jQuery。
（2）实现home面板，具体代码如下。
对应的效果如图8-10所示。
（3）实现about面板，具体代码如下。
图8-10 home面板
对应的效果如图8-11所示。
图8-11 about面板
（4）实现dates面板，具体代码如下。
(www.xing528.com)
对应的效果如图8-12所示。
图8-12 dates面板
（5）实现date面板，具体代码如下。
（6）实现settings面板，具体代码如下。
对应的效果如图8-13所示。
图8-13 settings面板
接下来看样式文件theme.css，此样式文件非常简单，功能是对index.html中的元素进修饰。其实图8-10、图8-11、图8-12和图8-13都是经过theme.css修饰之后的显示效果主要代码如下。
到此为止，整个实例全部讲解完毕，此时每一个页面的切换功能都具有了动画效果，如图8-14所示。
图8-14 闪烁的动画效果
因为图片体现不出动画效果，所以建议读者在模拟器上亲自实践体验。
免责声明：以上内容源自网络，版权归原作者所有，如有侵犯您的原创版权请告知，我们将尽快删除相关内容。
