这个网页特效是怎么实现的,是javascript写出来的么?能用javascript写出来么?

我刚学前端没多久,javascript懂的不太多。现在写特效还是用jQuery的多点,但貌似jQuery没有鼠标滚轴事件,我就不知道怎么写了。请教各位了,最好是能写出来,主要是我现在还是停在jQuery,javascript写法确实接触少,难得就写不出来了。
就是这个网页的特效http://www.hongru.com/about/
想要做成个这个网站类似的,鼠标向下滚动的时候缓缓的,没有那么生硬的。 鼠标滚轴滚动一下100PX(貌似),怎么就能让这100px 带上时间,看似缓慢移动那种

第1个回答  2014-11-16
对元素滚动的次数进行计数:
$("div").scroll(function() {
$("span").text(x+=1);
});

当用户滚动指定的元素时,会发生 scroll 事件。

scroll 事件适用于所有可滚动的元素和 window 对象(浏览器窗口)。

scroll() 函数触发 scroll 事件。或者如果设置了 function 函数,则规定当发生 scroll
事件时执行的代码。

这是w3c的原版教程。jquery肯定有鼠标滚动事件一层来,你先试着用滚动事件给每个大div做个简单动画,然后再想着做复杂的,其实这个效果就是利用滚动事件让大的DIV移动,然后以DIV对应浏览器的位置播放动画。追问

scroll 它能直接对整个页面控制么?

用鼠标中键能加上scroll 么?

页面中里分的小块太多了,要是分别控制的话,感觉就有点麻烦。

本回答被提问者和网友采纳
第2个回答  2014-11-16
百度jQuery视差滚动插件,现成代码一把一把的追问

不是吧 你说的那个是整屏幕滚动的。 是吧,你知道有这个插件???

追答

我没具体说哪个,类似这种风格的JQ插件常见的都有几十个,慢慢找,我确定有类似辛鸿儒这款。

相似回答