jquery.mousewheel整屏图片上下滚动

1、准备好需要用到的图标。

2、新建html文档。

3、书写hmtl代码。

<div class="fixed_r">

<ul>

<li>1</li>

<li>2</li>

<li>3</li>

<li>4</li>

<li>5</li>

<li>6</li>

</ul>

</div>

<div class="num_box">

<div class="num" id="num_0">第1屏</div>

<div class="num" id="num_1">第2屏</div>

<div class="num" id="num_2">第3屏</div>

<div class="num" id="num_3">第4屏</div>

<div class="num" id="num_4">第5屏</div>

<div class="num" id="num_5">第6屏</div>

</div>

<input type="hidden" value="0" class="ddw"/>

<input type="hidden" value="0" class="ddw2"/>

4、书写并添加js代码。<script src="js/jquery.mousewheel.js" ></script>

5、代码整体结构。

6、查看效果。