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