这是HTML5页面，上下切换页面效果下载，，一个HTML5+CSS3技术的3D网页内容切换特效，查看本效果请在支持CSS3/HTML5标签的浏览器下运行，比如IE9、火狐、Chrome等，ie8不支持本效果。 当你打开网页后，看到灰色背景，右下角会出现一个控制按钮，可上下左右控制网页向四个方向滚动切换，视觉集中在页面中央每次切换都是以滚动的方式进行;页面不要太震撼，效果不要太绚丽，本人是陪奢华3D界面所征服，前端特效设计师可以参考下啊 。
HTML5页面，上下切换页面效果是一款65种全屏超炫页面切换效果（Page Transitions）网页特效，透明渐变切换、左右滑动切换、3D旋转切换、滚轮切换页面jQuery插件源码。请用支持HTML5+CSS3主流浏览器预览效果。
页面整屏滑动切换（jQuery+HTML5）是专为该需求用户打造的源码，适用浏览器：360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗。 不支持IE8及以下浏览器。欢迎下载。
从监听开始，用一个变量记录触摸的起点位置，然后move的时候用move的触发的clientY的值减去起点位置，让页面滑动那个差值的距离，这个距离可能为负为正，然后end的时候判断需要往哪边修正位置。
end的时候我做的处理是先判断滑动的方向，（这个怎么判断呢？在move的时候用一个变量记录move的位置，然后用最后一个减去start的时候记录的位置，差值正负就是方向了）我预先计算了每一个div离页面最顶部的位置，然后倒序找第一个为负的元素，如果同时是向上滑动且下一个元素冒出头来的距离大于六分之一屏幕，就把下面的拉上来，如果同时是向下滑动且上一个元素冒出尾部的距离大于六分之一就把上面的拉下来。
其中碰到的坑是move的时间通过return false无法阻挡默认事件，只能e.preventDefault（），但是电脑上模拟移动页面可以使用return false
