『壹』 JS或JQ视差滚动怎样做

jquery.parallax-scroll是一款效果超炫的平滑垂直滚动视觉差jQuery特效。该视觉差特效使用requestAnimationFrame和CSS3 3D transitions在页面垂直滚动时制作非常平滑的过渡动画效果。


或者

Jarallax.js是一款用于制作网页背景视觉差效果的jQuery插件。Jarallax.js视觉差插件可以控制不同的元素的动画速度，从而形成视觉差效果。并且该视觉差特效还带有动画进度条，效果非常酷。


两个都在这里了 自行选择

『贰』 网页滚动视觉差效果css怎么做

html5 视觉差滚动效果
原理就是一种利用控制各个图片层之间滚动的速度，来产生一种立体空内间的效果，每个容层都用一个png透明图片做为背景，然后滚动的时候控制一下每个不同的速度。

不过有两个方面需要注意：
1、以大量图片为特色的网站应该考虑图像的预加载问题，以便为用户提供更好更流畅的视觉体验；
2、某些网站页面在移动设备上的效果可能较之在PC上有所不同，一些功能也可能无法正常使用。

『叁』 由高处向地面的视觉差

1、眺望,了望,远眺,远视
2、注视
3、凝视（看近的东西）,凝望（看远的东西）
4、仰望,仰视
5、俯视（形容一般的向下看）,鸟瞰（形容从高空向下看,如人做在飞机上看地面）

『肆』 html视觉差效果一定要是图片才有效果吗

html5 视觉差滚动效果
原理就是一种利用控制各个图片层之间滚动的速度，来产生一种立体空内间容的效果，每个层都用一个png透明图片做为背景，然后滚动的时候控制一下每个不同的速度。

不过有两个方面需要注意：
1、以大量图片为特色的网站应该考虑图像的预加载问题，以便为用户提供更好更流畅的视觉体验；
2、某些网站页面在移动设备上的效果可能较之在PC上有所不同，一些功能也可能无法正常使用。

『伍』 怪坡是什么物理原理 怎么才能自己做出怪坡效应

怪坡形成的原因目前主要有三种说法：

一、说是磁场作用

二、说是重力位移

三、说是视觉差

在“怪坡”上，越是质量大的物体，越是容易发生自行上坡的奇异现象。如此“怪坡”效应，自然使游客、探险家和科学工作者产生了浓厚的兴趣，先后提出了“重力异常”、“视差错觉”、“磁场效应”、“四维交错”、“黑暗物质”和“飞碟作用”、“鬼怪作祟”、“失重现象”、“黑暗物质的强大万有引力”和“UFO的神秘力量”……

各种解释，众说纷纭，却难以使人信服。“怪坡”，依然成为人们竞相前往探奇的“旅游谜地”。

(5)html5视觉差效果扩展阅读：

物理学关心普适性，一切位于地球上的现象都应该符合物理规律（我把范围限定宇地球，是因为太空还有太多的未知，亚原子领域的理论还待争议，不过地球上的现象与宇宙尺度和亚原子领域应该没什么关联……）

物理定律已然经过很多的考验，怎么会无故就被一个傻傻的现象所打倒？如果要修改物理理论，至少需要把那种“超自然”现象在实验室多次重复，并收集大量数据才行。

此外，怪坡制造者的一番苦心还可以在多处发现。在怪坡首端，右边出发点比左边返回到达点高出数十公分。原因何在呢？右边垫高，是为了人们来到怪坡，放眼望去，第一印象便产生明显下坡感。而左边铲低，则为了保证回来时靠惯性滑得更远。

再譬如，若将怪坡像前面的路段一样修成沥青或水泥路面，照说摩擦力更小，滑行的效果会更好。但光洁的路面容易泄露真实的走势，于是便保持两边高，中间凹的土路模样。柱子根全用碎土石拥住、埋住，看不见显示角度关系的交界线。也隐瞒了柱子在地面部分的真实高度。连那个雕像的底座也是蓄意做成歪的。这哪里是什么自然之谜，分明是一个人造之谜。

怪坡面世，神秘加身。专家、名人、学者纷至沓来，探秘揭谜，有的说是磁场作用，有的说是重力位移，还有的说是视觉差，但各种说法相互矛盾，不能自圆其说。 怪坡发现后，经过连年开发建设，这里初具景区规模，形成总分一体，山水相间，动静结合，天工人造，各具情趣的群体景观。有各类景点20余处。

『陆』 如何使用jQuery和HTML5创建一个视差环境

你要做网站，首先得会html，你要网页特效和脚本，就得会javascript，jquery是一个封装了各种javascript的方法、内 他是容一个javascript库。以上的都可以叫做浏览器脚本，asp.net是服务器脚本。

『柒』 html5怎样设置一个背景图片随着滚轮变动

你我都知道在HTML5网页中添加鼠标滚轮事件能够更好的让用户与网页进行交互操作。而在HTML5中，鼠标滚轮并不仅仅就只能上下滑动网页，实际上你还可以依靠这个完成更多的功能，比如视野平面的放大与缩小。
看看实际演示效果
大部分浏览器都是支持鼠标滚轮事件的，所以你可以先订阅鼠标滚轮事件的方法，每当事件被触发时，你能获取一个名为 wheelDelta 的属性，它代表刚才鼠标滚轮改变的大小，其中正值表示滚轮往下滑动，负值表示滚轮往上滑动。数值的绝对值越大，滑动范围越大。
但不幸的是依然有一款浏览器是不支持鼠标滚轮事件的。那就是FireFox。Mozilla 已经实现了一个名为"DOMMouseScroll"的事件的处理，它会传递一个名为 event 且附带了名为 detail 属性的事件参数过来，然而，这个 detail 属性不同于 wheelDelta，它只能返回正值，即只能坚持鼠标滚轮向下滚动的值。
你应该特别注意一下，Apple公司在Safari浏览器中也禁用了鼠标滚动控制页面上下滑动，但是此功能依然在webkit引擎中正常使用的，所以你写的代码是不会触发什么问题的。
添加鼠标滚轮事件处理方法
首先我们在网页中添加一个图片，待会就能用鼠标滚轮控制此图片的缩放
XML/HTML Code
<img id="myimage" src="myimage.jpg" alt="my image" />
现在来添加鼠标滚轮事件处理代码
XML/HTML Code
var myimage = document.getElementById("myimage");
if (myimage.addEventListener) {
// IE9, Chrome, Safari, Opera
myimage.addEventListener("mousewheel", MouseWheelHandler, false);
// Firefox
myimage.addEventListener("DOMMouseScroll", MouseWheelHandler, false);
}
// IE 6/7/8
else myimage.attachEvent("onmousewheel", MouseWheelHandler);
为了让不同浏览器都能支持的处理做法
在下面这个案例中，我们将对Firefox的detail值取反然后返回1或者-1的其中一个
XML/HTML Code
function MouseWheelHandler(e) {
// cross-browser wheel delta
var e = window.event || e; // old IE support
var delta = Math.max(-1, Math.min(1, (e.wheelDelta || -e.detail)));
现在我们直接决定图片的大小范围。以下代码将图片的宽度范围设置在50-800个像素之间
XML/HTML Code
myimage.style.width = Math.max(50, Math.min(800, myimage.width + (30 * delta))) + "px";
return false;
}
最后一点，我们在方法中返回false是为了终止标准的鼠标滚轮事件处理，以防它上下滑动网页。

『捌』 iPhone 省电技巧

iPhone手机非常耗电，省电的方法有：
1、最好不要用电脑USB给iPhone 充电，是根本充不满的，甚至会出现漏电情况，这是很多数码产品的共同缺点。一定要坚持用座充，这是经过实测目前iPhone 也面临的一个严重问题。
2、养成随时关闭开关的好习惯。
3、软件动不动清理一下，2周内没动过一次的应用尽量卸载掉，等有需要时再安装。
4、关Safari的时候把页面关闭掉再按Home，否则会占内存。
5、电池随时充随时用，每个月坚持一次完整的充放周期用于校对电量（用到自动关机再用座充充到100％）。
6、电池包、第三方充电器能不用就不用。
7、美化适可而止，那些主题美化类工具很占内存很费电。
8、关于91手机助手等，不建议使用，大家最恐怖的就是造成白苹果等恶果。
9、目前iPhone 不建议多刷机等。
10、可将基础设置操作如下：
（1）运营商：不要设置为自动搜索，这样会找信号，是很费电的，进入后在中国移动或中国联通上打钩，以后就不会再自动寻找了，这个省电很明显。
（2）通知：关。
（3）声音：振动自己根据需要进行设置。如果工作环境不需要静音的话完全可以关掉。
（4）亮度：设低点，可以关掉自动调节（自动调节是常驻进程，比较费电）。
（5）墙纸：建议使用纯色，这样每次开机或开锁时，系统对图片的解压工作量小。这个可行性不大，但效果却特别明显。
（6）通用设置：
A、网络：3G没有就共享用时再打开，WiFi需要用时再打开，VPN也这样设置。
B、蓝牙：关
C、定位服务：需要用时再打开。
D、自动锁定：设置较短即可。
（7）邮件、通讯录、日历：
A、账户不用就关成“不活跃”。
B、获取新数据：关。
C、日历“收到新...”：关。
（8）短信：重复尽量关，彩信不用就关闭掉（彩信比较费电，也许是基带BUG）。
（9）iPod：关掉均衡器。

『玖』 js仿开眼滑动效果

现在只做了一个滑动的效果...还是点击后切换的效果和关闭的效果没做...当然了..还包括后台的数据交互.........and so on............hoho....

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>index</title>

<style>
* {margin:0; padding:0}
html, body { overflow:hidden; }
.base-con {
top:0;
position:absolute;
border:2px solid #ccc;
}

.cont {
width:1000px;
height:400px;
margin:0 auto;
position:absolute;
top:50%;
left:50%;
margin-top:-200px;
margin-left:-500px;
}

.page1 ul li {
width:212px;
height:132px;
background-color:green;
border-radius:5px;
float:left;
margin:35px 19px;
padding:0;
color:#000;
}

.page2 ul li {
width:212px;
height:132px;
background-color:blue;
border-radius:5px;
float:left;
margin:35px 19px;
padding:0;
color:#000;
}

.page3 ul li {
width:212px;
height:132px;
background-color:red;
border-radius:5px;
float:left;
margin:35px 19px;
padding:0;
color:#000;
}

.rootContainer {
position:absolute;
}

.quene {
position:absolute;
text-align:center;
bottom:100px;
padding:5px;
border:1px;
width:100%;
}
</style>
<script src=" ery.min.js"></script>
<script>
//disabled right mouse..
function disRightMouse()
{
$(document).bind("contextmenu",function(e){
return false;
});
}
disRightMouse();
</script>
</head>
<body>
<div class="debug" style="padding-left:30px;">wating...........</div>
<div class="rootContainer">
<div class="base-con pos1" style="border:2px solid red">
<div class="cont page1">
<ul>
<li>page1</li>
<li>page2</li>
<li>page3</li>
<li>page4</li>
<li>page5</li>
<li>page6</li>
<li>page7</li>
<li>page8</li>
</ul>
</div>
</div>
<div class="base-con pos2" style="border:2px solid blue">
<div class="cont page2">
<ul>
<li>page1</li>
<li>page2</li>
<li>page3</li>
<li>page4</li>
<li>page5</li>
<li>page6</li>
<li>page7</li>
<li>page8</li>
</ul>
</div>
</div>
<div class="base-con pos3" style="border:2px solid green">
<div class="cont page3">
<ul>
<li>page1</li>
<li>page2</li>
<li>page3</li>
<li>page4</li>
<li>page5</li>
<li>page6</li>
<li>page7</li>
<li>page8</li>
</ul>
</div>
</div>
</div>

『拾』 html5 视觉差滚动效果怎么实现

html5 视觉差复滚动效果
原理制就是一种利用控制各个图片层之间滚动的速度，来产生一种立体空间的效果，每个层都用一个png透明图片做为背景，然后滚动的时候控制一下每个不同的速度。

不过有两个方面需要注意：
1、以大量图片为特色的网站应该考虑图像的预加载问题，以便为用户提供更好更流畅的视觉体验；
2、某些网站页面在移动设备上的效果可能较之在PC上有所不同，一些功能也可能无法正常使用。