html 鼠标滚轮滑动切屏效果

1. 引用js文件（网上可以搜到）

<script type="text/javascript" src="js/pageswitch.js"></script>

2. html格式

<div id="container">
	<div class="section active">
	</div>
	<div class="section">
	</div>
	<div class="section">
	</div>
	<div class="section">
	</div>
</div>

3. 必要的css样式

html,body{
	height: 100%;
	overflow: hidden;
}
#container{
	height: 100%;
	position: relative;
}
#container,.section{
	height: 100%;
	position: relative;
}

4. js

$(function(){
	$("#container").switchPage({
		'loop' : true,
		'keyboard' : true,
	});
});