<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery全屏滚动背景切换代码 - 【更多源码：www.96flw.com】</title>
<script type="text/javascript" src="js/jquery.min.js"></script>
<link type="text/css" href="css/style.css" rel="stylesheet" />
</head>
<body>
<div class="scene">
<div class="page page-1 active">
<div class="half left"></div>
<div class="half right withText">
<h2 class="heading">Page 1</h2>
</div>
</div>
<div class="page page-2">
<div class="half left withText">
<h2 class="heading">Page 2</h2>
</div>
<div class="half right"></div>
</div>
<div class="page page-3">
<div class="half left"></div>
<div class="half right withText">
<h2 class="heading">Page 3</h2>
</div>
</div>
<div class="page page-4">
<div class="half left withText">
<h2 class="heading">Page 4</h2>
</div>
<div class="half right"></div>
</div>
</div>
<div class="nav-panel">
<div class="scroll-btn up"></div>
<div class="scroll-btn down"></div>
<nav>
<ul>
<li data-target="1" class="nav-btn nav-page1 active"></li>
<li data-target="2" class="nav-btn nav-page2"></li>
<li data-target="3" class="nav-btn nav-page3"></li>
<li data-target="4" class="nav-btn nav-page4"></li>
</ul>
</nav>
</div>
<script type="text/javascript" src="js/script.js"></script>
</body>
</html>
