page_turning.html

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>practice</title>
	<link rel="stylesheet" href="../page_turning.css">
</head>
<body>
	<div class = 'outWrapper'>
		<div class = 'insideWrapper'>
			<div class = 'inside'>
				<div class="left">
					<a class="first"></a>
					<a class='prev'></a>
				</div>
				<div class="pageNum">
					<a class="active">1</a>
					<a>2</a>
					<a>3</a>
					<a>4</a>
					<a>5</a>
				</div>
				<div class="right">
					<a class='next' style = 'cursor: pointer'>下一页</a>
					<a class="last">尾页</a>
				</div>
			</div>
			<div class = 'pane'>
				<li class = 'active'>[&nbsp&nbsp&nbsp]</li>
				<li>[&nbsp&nbsp&nbsp&nbsp]</li>
				<li>[&nbsp&nbsp&nbsp&nbsp]</li>
				<li>[&nbsp&nbsp&nbsp&nbsp]</li>
				<li>[&nbsp&nbsp&nbsp&nbsp]</li>
			</div>
		</div>
	</div>		
	<script src='../jquery-3.2.1.js'></script>
	 <script src="../page_turning.js"></script> 
</body>
</html>