如果只是写简单的效果,直接给页面上的body绑定一个swipeup事件swipedown事件来自己写动画切换(如果需要zepto.js支持jquery类似的动画效果需要继续添加额外的fx.js)
一、下载Sencha Touch文件首先，进入sencha touch的官方网站，点击“菜单栏”上的“Products”按钮，在弹出来的下拉列表中，选择“Framework”-->"SenchaTouch"。
进入到“Sencha Touch Free Commercial Version”界面，在右侧填上有关信息，这里要注意邮箱一定要填写正确，因为它会将下载链接发到你填写的邮箱中，然后点击“DOWNLOAD TOUCH”按钮。
然后，进入到你的邮箱，点击进入到，Seancha Touch网站发送的链接，点击“DOWNLOAD NOW”按钮，进行下载。
在弹出来的下载框中，选择好保存路径后，点击“确定”按钮。
二、安装与测试Sencha Touch
将下载的压缩包解压，进入解压过的touch-2.4.0文件中，你会发现目录结构如下，这里面包含了很多东西，我们要引用的是touch-2.4.0/resources/css/sencha-touch.css文件以及touch-2.4.0/sencha-touch-all-debug.js文件
在跟touch-2.4.0文件夹同一目录中，新建一个文本文档，在其中输入图片上的内容，保存为html文件，这里我保存为test.html文件。
注意：引用的js与css文件的路径。
在跟touch-2.4.0文件夹同一目录中，新建一个文本文档，在其中输入图片上的内容，保存为js后缀的文件，这里我保存为helloworld.js。
注意：这里的文件名要与html文件中引用的js文件名保持一致。
然后，选中test.html文件，右击选择以firfox浏览器或其他浏览器打开，将会出现如下界面，如图所示。
注意：部分浏览器会因为跨域问题，无法显示，可上网搜一下如何解决跨域访问。
