Question

(急)请问如何利用CSS和JavaScript实现网页中 轻微转动滚轮，背景图片就滑动切换 这样的效果？

就像这样 http://www.dakele.com/cola3/cola3_index.html#3
轻轻上下转动滚轮，背景图片就整体变化一张....
谢谢各位大神了....

Answer 1

定位移动滚动条，滚轮向下滚动一格+1，向上滚动一格-1
例如5个页面，建立5个div
<div class="d3-main" style="position: relative;">
    <div class="section" id="d0" style="position: absolute; top: 0%; left: 0px;"></div>
    <div class="section" id="d1" style="position: absolute; top: 100%; left: 0px;"></div>
    <div class="section" id="d2" style="position: absolute; top: 200%; left: 0px;"></div>
    <div class="section" id="d3" style="position: absolute; top: 300%; left: 0px;"></div>
    <div class="section" id="d4" style="position: absolute; top: 400%; left: 0px;"></div>
</div>

Answer 2

js监测鼠标滚轮事件，向上和向下过度显示隐藏内容层。

Answer 3

给您一个插件研究下吧，附件里

Answer 4

F12审查元素，修改，或者直接ctrl+s保存即可。