基于jQuery鼠标滚动全屏切换预览特效是一款基于fullPage.js插件实现的全屏网站切换特效。效果图如下：

在线预览    源码下载

实现的代码：

<div id="fullpage">

	<div class="logo" id="logo">logo</div>

	<!--固定导航-->
	<ul class="menu">
		<Li data-menuanchor="page1" class="active"><a href="#page1">第一页</a></Li>
		<Li data-menuanchor="page2"><a href="#page2">第二页</a></Li>
		<Li data-menuanchor="page3"><a href="#page3">第三页</a></Li>
		<Li data-menuanchor="page4"><a href="#page4">第四页</a></Li>
	</ul>

	<!--第一个页面-->
	<div class="section">第一个页面<br><br>适用浏览器：360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. 不支持IE8及以下浏览器。<br><br>来源：<a href="http://sc.chinaz.com/" target="_blank">站长素材</a></div>
	<!--第二个页面-->
	<div class="section">第二个页面</div> 
	<!--第三个页面-->
	<div class="section">
		<div class="slide">第三屏的第一屏</div>
		<div class="slide">第三屏的第二屏</div>
		<div class="slide">第三屏的第三屏</div>
		<div class="slide">第三屏的第四屏</div>
	</div>
	<!--第四个页面-->
	<div class="section">第四个页面</div>
	
</div>

via：http://www.w2bc.com/article/2015-10-31-jquery-full-page-change

在线预览    源码下载