filter/saizi.html at main · liuCodeBoy/filter · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/style.css"/>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
	</head>
	<body>
		<input type="radio" id="front" name="single" hidden="hidden">
		<input type="radio" id="back" name="single" hidden="hidden">
		<input type="radio" id="left" name="single" hidden="hidden">
		<input type="radio" id="right" name="single"hidden="hidden">
		<input type="radio" id="top" name="single"hidden="hidden">
		<input type="radio" id="bottom" name="single" hidden="hidden">
		<input type="radio" id="big" name="single" hidden="hidden">
		<input type="radio" id="small" name="single" hidden="hidden">

		<div class="saizi">
			<div class="page front"></div>
			<div class="page back"></div>
			<div class="page left"></div>
			<div class="page right"></div>
			<div class="page top"></div>
			<div class="page bottom"></div>
		</div>

		<div class="choose">
			<label for="front" class="btn">前面</label>
			<label for="back" class="btn">后面</label>
			<label for="left" class="btn">左边</label>
			<label for="right" class="btn">右边</label>
			<label for="top" class="btn">上边</label>
			<label for="bottom" class="btn">下边</label>
			<label for="big" class="btn">放大</label>
			<label for="small" class="btn">缩小</label>
		</div>
	</body>
</html>